一个 table 元素在 firefox 中正常，在 chrome 下长度溢出

[o618]

修改了半天还是不行，请问怎么兼容？

[wctbok]

table-layout: fixed
试试看

[o618]

@wctbok 还是不行，代码如下：

<table class="ui-content">
{% for topic in hot_topics %}
<tr class="topic-item">
<td><a href="/u/{{ topic.author_username }}">
<img style="max-width: 24px;max-height: 24px;" src="/static/avatar/s_{{ topic.author_avatar or 'default.png' }}" alt="" class="avatar" />
</a></td>
<td class="title">
<a href="/t/{{ topic.id }}#reply{{ topic.reply_count or 0 }}">{{ topic.title }}</a>
</td>
</tr>
{% endfor %}
</table>

[o618]

发现英文字符等才会溢出，中文不会

[loading]

检查下字体，看下浏览器的最小字体

[o618]

@loading css最小字体：font-size: 12px，这和字体有啥关系？

[learnshare]

我可能遇到过这个问题，解决方法：包含文字的元素 display 不要是 block

[1423]

虽然不知道有没有关系。。不过你用没用 mactype ?用了的话试试关掉对 chrome 的