CSS block和inline

在CSS定位中,有个重要的概念需要了解,那就是display 的block 和inline属性。

block:开头和结尾都有换行;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。块元素还可以指定背景颜色和背景图像。

inline:是将元素显示为行内元素,
和其他元素都在一行上;高,行高及顶和底边距不可改变;宽度就是它的文字或图片的宽度,不可改变。<span>, <a>, <label>, <strong> 和<em>是inline元素的例子。

控制块元素的宽度,然后使用float属性,可以将多个块元素水平拼成一行。(div等元素适用)
另一个方法是将块元素显示为inline ,直接在一行显示。(li等元素适用)

另外,关于浏览器的定位方法:

对于流中的块元素,每个新起一行,缺省宽度为100%,也就是其元素的宽度。float元素不在流中。



本文地址: http://www.bagualu.net/wordpress/archives/3282 转载请注明




发表评论

电子邮件地址不会被公开。 必填项已用*标注