Question

表格的自适应问题css

我从数据库中取出数据放在表中，怎么样做到表格的自适应啊，比如都是单位名称：有些只有2个字，有些就会有很多字，然后他就会隔行显示，这样很不美观，请问有什么样式能够解决这个问题吗？而且他的对应方式也是底部队友很影响美观像这样
我找了一个样式像这样
@CHARSET "UTF-8";
.ellipsis{
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis; /* Opera */
text-overflow: ellipsis; /* IE, Safari (WebKit) */
}
但是导入的时候会报
[4:24] encountered "-". Was expecting one of: "}" ";" <IDENT>
[6:20] encountered " ". Was expecting one of: <IDENT> <FUNCTION>
这样的错，请问是什么原因呢

Answer 1

最简单和常用的方法就是按照最长的字数设定一个表格宽度;
或者用百分比来设定这个单元格宽度
用css
要么就是设定最长字数宽度
要么就是多余文字不显示

其他就得另想办法,不是单纯css解决;

追问

如果采用你说的那两种方法那种更简单呢，又有没有具体的例子给我参照一下呢