html中的元素显示方式
浏览数：17 /
时间：2015年06月09日
块元素 display:block
块元素会生成一个元素框，水平方向不能有其他元素；
height, margin都可以控制；
默认宽度是其父级元素的宽度；
主要有：
div - 容器
dl - 定义列表
form - 交互表单
h1~h6 - 标题
hr - 水平分隔线
ol - 有序列表
p - 段落
pre - 格式化文本
table - 表格
ul - 无序列表
内联元素 display:inline
内联元素在一个文本行内生成元素框，而不会打断这行文本，和其他元素都在一行上；
height不可控制， margin和padding上下无效，左右有效；
它的宽度就是节点里的文字或图片的宽度，不可改变。
主要有：
a - 链接
b - 粗体
br - 换行
em - 强调
i - 斜体
img - 图片
input - 输入框
label - 表格标签
select - 项目选择
span - 常用内联容器，定义文本内区块
strong - 粗体强调
sub - 下标
sup - 上标
textarea - 多行文本输入框
u - 下划线
行块元素(inline-block)
inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递，旁边的内联对象会被呈递在同一行内，允许空格、制表或回车等空白字符的存在。
display值为inline-block的元素内部形成一个块状盒模型，而本身形成类似一个内联的被替代元 素，即display为inline-block的元素既可以像块状元素一样定义高度宽度，又可以和内联元素（比如文字）排列在一行。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
