我遇到了一个问题,即单词不是从逗号分隔的href标记列表中换行。这是显示问题的图像:

html - 用CSS以逗号分隔的href标记列表的分词-LMLPHP

如您所见,表格被推出,直到单词根据空格被换行为止。您也可以从我的网站上看到问题: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/

10-09 15:20