一.行内元素和块级元素有哪些？
块级元素
| information on author | |||||||||||||||||
| long quotation | |||||||||||||||||
| push button | |||||||||||||||||
| table caption | |||||||||||||||||
| definition description | |||||||||||||||||
| deleted text | |||||||||||||||||
| generic language/style container | |||||||||||||||||
| definition list | |||||||||||||||||
| definition term | |||||||||||||||||
| form control group | |||||||||||||||||
| interactive form | |||||||||||||||||
| heading | |||||||||||||||||
| heading | |||||||||||||||||
| heading | |||||||||||||||||
| heading | |||||||||||||||||
| heading | |||||||||||||||||
| heading | |||||||||||||||||
| horizontal rule | |||||||||||||||||
| inline subwindow | |||||||||||||||||
| inserted text | |||||||||||||||||
| fieldset legend | |||||||||||||||||
| list item | |||||||||||||||||
| client-side image map | |||||||||||||||||
| alternate content container for non frame-based rendering | |||||||||||||||||
| alternate content container for non script-based rendering | |||||||||||||||||
| generic embedded object | |||||||||||||||||
| ordered list | |||||||||||||||||
| paragraph | |||||||||||||||||
| preformatted text | |||||||||||||||||
行内元素 二.行内元素与块级元素有什么不同？ 1.尺寸-块级元素和行内元素之间的一个重要的不同点 立即学习“前端免费学习笔记（深入）”； 行内元素和width W3C CSS2 标准规定行内元素、非置换元素不会应用width属性。 以下例子中，对行内元素应用了width:200px,你可以看到，根本就没有什么效果。 行内元素和height W3C CSS2 标准规定行内元素、非置换元素不会应用height属性，但是盒子高度可以通过line-height来指定。 以下例子，对行内元素应用了height:50px,你可以看到什么效果都没。 行内元素和padding 你可以给行内元素设置padding，但只有padding-left和padding-right生效。 以下例子，行内元素应用了padding:50px。你可以看到对左右的内容有影响，但是对上下没影响。 行内元素和marging margin属性也是和padding属性一样，对行内元素左右有效，上下无效。 下面的例子,对应用了margin:50px，你可以看到左右边缘是生效了但是内容上下却没有。 记住对行内元素 设置宽度width 无效。 上文部分翻译自：http://www.maxdesign.com.au/presentation/inline/
2.text-align属性是两者表现的又以不同之处 在W3C CSS2.1规范第16.2节 对text-align 有详细地描述： 若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：
|
