css display的 inline 和 block

今天，百度了一下这个问题，发现答案很经典：

下面是引用回答问题者的答案~

这样先讲内联元素和块级元素：

内联元素是不可以控制宽和高、margin等；并且在同一行显示，不换行。
块级元素时可以控制宽和高、margin等，并且会换行。

inline：使用此属性后，元素会被显示为内联元素，元素则不会换行。
block：使用此属性后，元素会被现实为块级元素，元素会进行换行。
inline-block：是使元素以块级元素的形式呈现在行内。意思就是说，让这个元素显示在同一行不换行，但是又可以控制高度和宽度，这相当于内敛元素的增强。

要注意的是IE6 不支持inline-block

自己在工作中遇到的小问题：

在使用margin的时候，应该要注意，假如说页面是大框套小框的布局，那么尽量不要在小框中使用margin，会导致样式错乱

在不要求页面非常美观的时候，或者说做后台管理页面的时候  jquery ui 和 jquery easy ui是不错的选择 大家可以根据自己的需求 关注一下