行内元素和块级元素有哪些?_html/css_WEB-ITnose
块级元素
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”: 声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。 相关文章 相关视频 专题推荐
|
上一篇: date()的有关问题
下一篇: 数据库空间管理
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论