Question

关于CSS设置table中文字显示的问题

用到了这两个CSS

.up {
margin: 0px 1px 1px;
padding: 0px 1px 1px;
border: thin solid #FFCC00;
font-size: 15px;
display: inline;
overflow: hidden;
white-space: nowrap;
table-layout:fixed;
}
.up td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

然后就是应用到table了，但是显示的时候，显示成了这样
前面的小箭头和新闻题目之间有很大的空隙啊，我添加了Text-align：left还是显示不正常，怎么解决呢？
小箭头部分设置为width=7，而且没有附加样式表
<td width="7" height="20"><img src="images/text_arrow.gif" width="7" height="7" /></td>

Answer 1

建议把 table 完整写出来
如果 table 定义了宽度 那 就有可能这样 去掉 table上的 width=""
或者 做完每个标题的背景显示
一般这样的 标题列表 都是用
<ul>
<li><img src="" align="absmiddle" /> 文章标题</li>
或者作为背景
<li style="background:url(images/xxx.jpg) no-repeat; padding-left:15px;">文章标题</li>
<li>文章标题</li>
<li>文章标题</li>
<li>文章标题</li>

</ul>

Answer 2

有完整代码吗？ 根据你的图片显示 我看是你的小箭头部分的宽度设置太大了

Answer 3

把height=20 改成height="7"试下!要不就不要个那个小箭头设高和宽.图片的高和宽也不要设!