我遇到了一个问题,即单词不是从逗号分隔的href标记列表中换行。这是显示问题的图像:
如您所见,表格被推出,直到单词根据空格被换行为止。您也可以从我的网站上看到问题:http://thetoolsmith.com/free-themes/bootstrap/toolsmith-31/ace-admin该网站是使用引导程序构建的,因此它具有响应能力,您可能需要调整浏览器窗口的大小才能重现该问题。
我在单元格上尝试了以下CSS规则,但没有任何运气:
white-space: pre-wrap;
word-wrap: break-word;
HTML看起来像这样:
<td style="
white-space: pre-wrap;
word-wrap: break-word;">
<a href="http://localhost/thetoolsmith/tag/themes/admin/sort.downloads/page.1">admin</a>,
<a href="http://localhost/thetoolsmith/tag/themes/dashboard/sort.downloads/page.1" class="m-l-5">dashboard</a>,
<a href="http://localhost/thetoolsmith/tag/themes/free/sort.downloads/page.1" class="m-l-5">free</a>,
<a href="http://localhost/thetoolsmith/tag/themes/github/sort.downloads/page.1" class="m-l-5">github</a>,
<a href="http://localhost/thetoolsmith/tag/themes/wrap-bootstrap/sort.downloads/page.1" class="m-l-5">wrap bootstrap</a>
</td>
我可以使用任何CSS技巧来破坏逗号上的href标记,以使其环绕并且不会将表格推向未对齐状态吗?
最佳答案
感谢Jeffrey Jenkinson指出了这一点,但是字符串缺少标签之间的空格分隔符。
关于html - 用CSS以逗号分隔的href标记列表的分词,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37393108/