Maison > interface Web > tutoriel HTML > 这个div能居中吗?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 11:44:24
original
1202 Les gens l'ont consulté

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状态下是没办法自适应居中??这就是答案吧
结贴了
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal