关于div中元素水平排列并居中的问题
1、在div中进行水平排列并居中,最重要的有两点:div中的text-align:center、div中元素的display:inline-block;
2、当div中的元素是input之类的标签时,只需要定义好div的样式即可,即text-align:center;
3、当div中的元素是div标签时,除了要定凶及淄靥义好父div的样式(text-align:center)以外,还需要定义好子div中的样式,即display多唉捋胝:inline-block,即子div作为一个类似于input标签的存在。
4、如果div中存在子div,子div中存在input之类的标签的话,可以联合使用样式定义。先将父div定义样式:text-align:center,然后定义子div样式:displ锾攒揉敫ay:inline-block,同时子div还应该定义样式:text-align:left。这样,出来的效果就是,子div中的各元素左对齐,且子div在父div的中间。其它效果,自行尝试。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:45
阅读量:74
阅读量:96
阅读量:91
阅读量:47