Heim > Web-Frontend > HTML-Tutorial > CSS DIV水平居中问题_html/css_WEB-ITnose

CSS DIV水平居中问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:32:59
Original
1387 Leute haben es durchsucht

很多新朋友会遇到水平居中的问题,总结如下:

方法一:

.center{

margin-left:auto;

margin-right:auto;

}

和下面这行代码等效。

.center{

margin:0 auto;

}

IE里发现没有居中,这里建议你看看是否遗漏了DTD声明。

-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

 

方法二:

margin-left:50%;

left: -width/2;

这里的width不是CSS中的Width,而是你的DIV的宽度例如你的div是768px宽,那么你就应该设置left:-384px。

第二种方法有时候会遇到浏览器兼容问题。

方法三:

将body应用如下样式:

body {text-align: center;}

这句话会是body区域内的所有文字内容都居中。

为了便于控制,请在相应的DIV中加上text-align: left;的设置来进行相关调整。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage