DIV常用的居中方法_html/css_WEB-ITnose
程序员文章站
2024-01-18 09:35:40
...
一.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
上一篇: PHP的性能探讨和测试_PHP教程
下一篇: XP下 延迟启动某程序
推荐阅读
-
DIV常用的居中方法_html/css_WEB-ITnose
-
在div中的img左侧总会出现一条竖线_html/css_WEB-ITnose
-
前端开发中常用的小技巧整理_html/css_WEB-ITnose
-
css + table 实现 DIV 居中_html/css_WEB-ITnose
-
css居中的几种方式_html/css_WEB-ITnose
-
php正则匹配html中带class的div并选取其中内容的方法_PHP
-
修改AFNetworking源文件可接收text/plain和text/html的方法_html/css_WEB-ITnose
-
div+css布局时的浏览器兼容问题_html/css_WEB-ITnose
-
想把一个DIV放到一个大DIV的右下角该怎么办?该大DIV包含两个并列的DIV_html/css_WEB-ITnose
-
为什么用div加入小小的表单后,居中的页面整体会左移一点点,php搜索数据库返回数据后,也会这样_html/css_WEB-ITnose