Heim > Web-Frontend > HTML-Tutorial > 这个div能居中吗?_html/css_WEB-ITnose

这个div能居中吗?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:44:24
Original
1217 Leute haben es durchsucht

123

按照html5标准(要兼容手机浏览),以position:relative;width:60%;min-width:500px;为前提,这个div有没有办法居中?


回复讨论(解决方案)

div居中很简单:

aaaaaa

也就是在你的样式中加上margin:0px auto;

123

div居中很简单:

aaaaaa

对不起,我写错了,是position:absolute;我试过margin:0px auto;不行才来提问的

margin:0px auto;不管用,left: 50%;width:60%;也不行,因为margin-left:不好确定。
有没有好办法?

当前DIV在absolute状态下是没办法自适应居中,但可以通过一些方法做间接做到:


你要居中的内容

当前DIV在absolute状态下是没办法自适应居中,但可以通过一些方法做间接做到:


你要居中的内容


这样我也试过,因为width:100%;会遮挡两边的对联广告,所以才想限制width:100%;
还有别的办法吗?实在不行我就只能修改对联广告了,但是也会牵扯到好多地方,因为我这个网页比较复杂。


当前DIV在absolute状态下是没办法自适应居中,但可以通过一些方法做间接做到:


你要居中的内容


这样我也试过,因为width:100%;会遮挡两边的对联广告,所以才想限制width:100%;
还有别的办法吗?实在不行我就只能修改对联广告了,但是也会牵扯到好多地方,因为我这个网页比较复杂。

实在不行就用JS进行计算定位,但不建议这样做。
100%只是个空框,你把内容放在居中的DIV里 是不会造成遮挡的



当前DIV在absolute状态下是没办法自适应居中,但可以通过一些方法做间接做到:


你要居中的内容


这样我也试过,因为width:100%;会遮挡两边的对联广告,所以才想限制width:100%;
还有别的办法吗?实在不行我就只能修改对联广告了,但是也会牵扯到好多地方,因为我这个网页比较复杂。

实在不行就用JS进行计算定位,但不建议这样做。
100%只是个空框,你把内容放在居中的DIV里 是不会造成遮挡的
100%的空框,即使不设定颜色,也会在很多浏览器里遮挡下面的层,无法点击。
js定位确实不太可取,也会产生不少兼容问题。觉得你挺熟悉css,要是没有更好的办法,我只好修改底层的对联广告和相关内容了

当前DIV在absolute状态下是没办法自适应居中,但可以通过一些方法做间接做到:


你要居中的内容

DIV在absolute状态下是没办法自适应居中??这就是答案吧
结贴了
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