                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

关于多行文本的据中国

下图代码中如何设置使图片相对应浏览器垂直居中？

还有这个代码！

<!DOCTYPE html>

<html>

<head>

<title>多行文本的垂直居中</title>

table td{

height: 500px;

background:#ccc;

}

</style>

</head>

<body>

<div>

</div>

</td></tr></tbody></table>

</body>

</html>

我按照教程敲的代码，为什么<p>标签的文字不居中显示！

街角疯

2016-11-06

源自：初识HTML(5)+CSS(3)-升级版 15-9

关注问题我要回答

347

操作

收起

3 回答

qq_固守本心_04333638
2016-11-10

这个问题真是萌了我一脸，水平居中就是你以前写语文作文，作文题目的位置就是水平居中，写作文的那部分方格纸就相当于浏览器大小，水平居中就很简单了

<head>

<title>多行文本的垂直居中</title>

div{

text-align:center;

background:#ccc;

}

</style>

</head>

<body>

<div>

</div>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

qq_固守本心_04333638
2016-11-10

你应该把style里面的table td 改为 .wrap这样就可以了。不过你代码的居中方式是基于table的大小而居中的，并不是基于浏览器居中。

0 回复有任何疑惑可以回复我~

收起回答

街角疯提问者

<head> <meta charset="UTF-8"> <title>多行文本的垂直居中</title> <style type="text/css"> .wrap{ height: 500px; background:#ccc; } </style> </head> <body> <table><tbody><tr><td class="wrap"> <div> <p>是否居中</p> </div> </td></tr></tbody></table> </body> </html> 这个代码是基于什么居中的？

2016-11-10 回复有任何疑惑可以回复我~

qq_固守本心_04333638 回复街角疯提问者

基于你这个table这个块垂直居中（那块灰色的背景就是table的高度，宽度是根据文字长短自动伸缩的），而不是基于浏览器的垂直居中，也不是水平居中。我总感觉你想让他水平居中。。。

2016-11-10 回复有任何疑惑可以回复我~

qq_固守本心_04333638 回复街角疯提问者

你尝试着改变height的大小，应该能看到效果的。

2016-11-10 回复有任何疑惑可以回复我~