html中的元素显示方式

时间：2015-01-22 21:30:50 阅读：279 评论：0 收藏：0 [点我收藏+]

标签：

块元素 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的元素既可以像块状元素一样定义高度宽度，又可以和内联元素（比如文字）排列在一行。

html中的元素显示方式

标签：

原文地址：http://www.cnblogs.com/happyfreelife/p/4242530.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行