您现在的位置是：网站首页> 编程资料编程资料

对行内元素和块级元素的一些认识浅谈CSS块级元素与行内元素(内联元素)的区别和联系进一步理解CSS编程中的块级元素和行内元素CSS行内元素和块级元素的居中实例分析全面了解行内元素与块级元素的区别

2021-09-04 773人已围观

简介下面小编就为大家带来一篇对行内元素和块级元素的一些认识。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

一、常见块级元素有哪些：

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