DIV常用的居中方法_html/css_WEB-ITnose
程序员文章站
2022-06-01 20:12:29
...
一.DIV常用的居中方法:
①利用相对定位设置div外边距自动调整达到居中效果(ps:如果IE浏览器无效果还要在Body里面加上''text-align:center''这个属性,或是外面再加一层DIV,设置属性''text-align:center''),当然居中也有另一种写法:margin-left:auto;margin-right:auto 最重要的是div必须设置width属性
1 23 .......45
②利用left和margin-left两个属性,先将div块设置为margin-left:50%(这表示这个div块的最左边那条边在中间),然后left属性值为div块宽度的负一半,
符号表示div向左边移动宽度的一半。补充说明一下:直接在css中设置left生效的前提是必须设置父容器position:absolute或relative
1 2 3 4 5无标题文档 6 17 18 19 20 21 22