时间:2021-07-01 10:21:17 帮助过:16人阅读
块级元素
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”: 人气教程排行
|