Question

请教一个简单div+css 排版问题

有如下数据:

今日政府说以后买房免各种税 发表日期：2008/10/12 发表人:张三
明日我去微软面试 发表日期：2008/10/12 发表人:张三
关于档案学研究 发表日期：2008/10/12 发表人:张三
....

现在想用div+css 排序以上数据，第一列的数据长短不固定，需要靠左，第二列长度固定，需要靠右，每行的第二列开始位置要一样，第三列长度也不固定 ，每行的第三列开始位置要一样

我想用li 去做，可是一个li里有三列，不知道该怎样去控制这三列的位置

还有一个小问题，就是我在写div css 的时候，需要队了上边框外的所有边框都加上固定样式 ，于是我是这么写的

border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;

虽然这样写能达到效果，但是我总觉得这么多不太好，代码重复的太多，有更多的办法吗？

Answer 1

你说的我看了半天有点乱，

至于border
border:1px solid #ccc;

Answer 2

首先建议你把这种规范性较强的表格式布局用TABLE来写，如果由特殊需要可以吧表格加在DIV内
其次如果你需要对多个同类控件做相同的CSS样式改写，建议你直接在TITLE内的STYLE标签内直接对所有的同类控件进行CSS样式设置，或者最好是写在CSS文件里在你的页面引用，可重用性较高。如果由不明白的请补充问题。

Answer 3

个人不是很同意 总爱BB的REN 用表格来布局。
li 可以加个 class命名 来控制，li的位置用position（绝对定位或者相对定位） 和margin（外边距） 来设置，
li 里面的文字 用text-align命令，如果要靠左排列就用text-align：left
居中：text-align：center
不知道你是不是这个意思

Answer 4

做网页哪个方法简单用哪个 没必要非缠着div css不放 做像你说的这些div还不是很在行 也就不是说不是很方便

Answer 5

至于border
border:solid 1px #ccc; border-top:none
这种数据排版最好还是用表格;
DIV+CSS可以用一行一个<ul></ul>来循环;想只用一个<ul></ul>达到你要的效果..除非专门给每个li定义样式;非常不好的做法...

Answer 6

<ul>
<li><span>发表日期：2008/10/12 </span> <span>发表人:张三</span><span> 明日我去微软面试 </span></li>
<li><span>发表日期：2008/10/12 </span> <span>发表人:张三</span><span> 明日我去微软面试 </span></li>
</ul>
用span就可以了 {float:right;}有必要定宽度的就给span加上class属性就可以了,然后分别定义宽度
希望对你有所帮助
span,em,b,strong都可以的
但是span用的比较多!