Heim  >  Artikel  >  Web-Frontend  >  【前台】css控制DIV垂直居中_html/css_WEB-ITnose

【前台】css控制DIV垂直居中_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:28:371510Durchsuche

刚才转发了一个关于div垂直对齐的贴子。看完图就很容易明白了

采用绝对位置position:absolute;
而后设置top,left为50.top:50%;left:50%;
由于这个时候浏览器会以图中绿点所示的位置为默认其实位置。要想让内容居中就要将margin-left和margin-top分别设置为负的宽度一半和搞度一半。

不管怎么说效果是实现了...总感觉有点骗人的意思呵呵。

FF中不支持expression,所以用动态赋值最好还是用JS控制一下。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn