以前我遇到几个对象在同一行内显示的时候，通常是将它们放置在一个Table的中。
感觉很是不爽，table是用来显示表格数据的，不是用来布局的—-一个CSS的前辈说的。
仔细看了一下CSS的文档，发现有一个属性可以实现。
感觉很是不爽，table是用来显示表格数据的，不是用来布局的—-一个CSS的前辈说的。
仔细看了一下CSS的文档，发现有一个属性可以实现。
display版本：CSS1/CSS2 兼容性：IE4+ NS4+ 继承性：有
语法：
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
取值：
| block | : | CSS1 | 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行 |
| none | : | CSS1 | 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间 |
| inline | : | CSS1 | 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行 |
| inline-block | : | IE5.5 | 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内 |
| compact | : | CSS2 | 未支持。分配对象为块对象或基于内容之上的内联对象 |
| marker | : | CSS2 | 未支持。指定内容在容器对象之前或之后。要使用此参数，对象必须和 :after 及 :before 伪元素一起使用 |
| inline-table | : | CSS2 | 未支持。将表格显示为无前后换行的内联对象或内联容器 |
| list-item | : | CSS2 | 将块对象指定为列表项目。并可以添加可选项目标志 |
| run-in | : | CSS2 | 未支持。分配对象为块对象或基于内容之上的内联对象 |
| table | : | CSS2 | 未支持。将对象作为块元素级的表格显示 |
| table-caption | : | CSS2 | 未支持。将对象作为表格标题显示 |
| table-cell | : | CSS2 | 未支持。将对象作为表格单元格显示 |
| table-column | : | CSS2 | 未支持。将对象作为表格列显示 |
| table-column-group | : | CSS2 | 未支持。将对象作为表格列组显示 |
| table-header-group | : | CSS2 | 将对象作为表格标题组显示 |
| table-footer-group | : | CSS2 | 将对象作为表格脚注组显示 |
| table-row | : | CSS2 | 未支持。将对象作为表格行显示 |
| table-row-group | : | CSS2 | 未支持。将对象作为表格行组显示 |
使用dispaly:inline;可以让对象在同行内显示，但是不能使用Float属性了，因为Float是针对block对象的。