对行内元素和块级元素的一些认识
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
一、常见块级元素有哪些:
button,div , dl ,dt ,form , h1 ,h2 ,h3 , h4 ,h5 ,hr ,li ,ul ,table系列,button;
二、常见行内元素有哪些:
img ,a ,input ,textarea ,b ,br ,span, select ,label ,map ,strong ;
三、行内元素有哪些特点:
(1).设置width无效
(2)设置height无效,但是可以设置line-height;
(3)margin只有左右有效,上下无效;
(4)padding和margin一样只有左右有效,上下无效,但是不一样的是元素的范围增大了,但是对周围的元素没有影响;
四、不同浏览器行内元素与块级元素中text-align表现出来的不同:
IE6/7及IE8混杂模式中,text- align:center可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。
解决这个问题比较好的方式,就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:auto; margin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持,所以还要设置父容器的 "text-align:center;"。
以上这篇对行内元素和块级元素的一些认识就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
原文地址:http://blog.csdn.net/fanhaiwang520/article/details/7945385
相关文章
- 下面小编就为大家带来一篇浅谈CSS块级元素与行内元素(内联元素)的区别和联系 。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-06-14
- 这篇文章主要介绍了CSS编程中的块级元素和行内元素,是CSS入门学习中的基础知识,需要的朋友可以参考下2015-09-26
- 本文通过具体实例给大家详细介绍了CSS行内元素和块级元素的居中的实现方法,非常简单实用,推荐给大家,希望大家能够喜欢。2015-03-17
- 下面小编就为大家带来一篇全面了解行内元素与块级元素的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-07-18
最新评论