在不给p标签任何高度和宽度的前提下，如何使“垂直居中”这几个文字显示在屏幕的正中央？
尽量不用js
<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title></head><body> <p>垂直居中</p></body></html>
慕森王浏览 273回答 3
3回答
-
料青山看我应如是
HTML：<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title></head><body> <div id="c"> <p>垂直居中</p> </div></body></html>CSS：#c { display:table; height:400px; }#c p { display: table-cell; vertical-align: middle; } -
紫衣仙女
1、table-cell方法，ls有讲2、如果知道子元素高度的话，可以有另一种好点的办法。假设子元素高度是100px。可以把父元素设为position: relative；然后父元素和子元素中间加一层position: absolute; top: 50%的div；最后最里面的子元素position: relative; top: -50px;3、如果不用担心浏览器兼容性的话，可以用CSS transform（但是IE6-8不支持）。类似方法二，但是不需要知道元素高度。子元素最后向上平移(translate) 50%即可。 -
幕布斯7119047
对于不固定宽高的元素要居中的方法：父类div设置text-align:center.该需要居中的元素设置display:inline-block
随时随地看视频慕课网APP
Html/CSS