码迷,mamicode.com
首页 > 其他好文 > 详细

水平居中设置

时间:2017-04-02 22:53:57      阅读:1060      评论:0      收藏:0      [点我收藏+]

标签:margin   line   nbsp   tab   固定   style   改变   idt   splay   

行内元素:如果被设置为 文本 图片等行内元素时 水平居中是通过父元素设置text-align:center;来实现的

块状元素:(定宽块状元素 块状元素的宽度width为固定值),通过设置左右margin值为auto 来实现居中;

(不定宽度的块状元素),不定宽度的块状元素的width值不固定。三种方式居中:1.加入table标签 包括tr td 然后把table左右margin居中

2.改变块级元素display:inline 然后用text-align

3.通过父元素设置float 然后给父元素设置position:relative 和left:50% 子元素设置position:relative ;left:50%来实现水平剧中

 

水平居中设置

标签:margin   line   nbsp   tab   固定   style   改变   idt   splay   

原文地址:http://www.cnblogs.com/tianlalu123/p/6659922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!