除了空格和连字符之外,CSS字词换行/下划线上的换行符

前端之家收集整理的这篇文章主要介绍了除了空格和连字符之外,CSS字词换行/下划线上的换行符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一堆真正长的文件名,导致我的HTML格式化溢出。所有这些文件名使用下划线而不是空格,如果它们是空格则会很容易地打破/换行。喜欢这个。

Here_is_an_example_of_a_really_long_filename_that_uses_underscores_instead_of_spaces.pdf

有没有办法告诉CSS来处理文字中的下划线,就像它们是空格或连字符一样,因此也可以打包或打破下划线?喜欢这个。

Here_is_an_example_of_a_really_long_
file_name_that_uses_underscores_
instead_of_spaces.pdf

为了我的目的,我不能使用脚本来做到这一点。我也不想使用word-wrap:break-word技巧,因为通常在没有指定宽度的情况下不起作用。此外,它在单词中间任意中断。

谢谢。

解决方法

您可以使用< wbr>标签( http://www.quirksmode.org/oddsandends/wbr.html),允许浏览器在您放置它的时候中断。

所以你的HTML应该是:

Here_<wbr>is_<wbr>an_<wbr>example_<wbr>of_<wbr>a_<wbr>really_<wbr>...

您可以在输出HTML之前在服务器端添加标签

一个替代方案是实体​这是零宽度空间。有时这在某些浏览器上会更好。

原文链接:https://www.f2er.com/css/219886.html

猜你在找的CSS相关文章