首頁 >web前端 >html教學 >这个div能居中吗?_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 11:44:241204瀏覽

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状态下是没办法自适应居中??这就是答案吧
结贴了
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn