用树枝打破的话
Break words with twig
有没有办法让长单词在树枝中被打断?在几个字符之后,它将它分解并设置一个连字符。是否存在可以执行此操作的过滤器?
喜欢:
Thisisareallylongword
至:
Thisisa-
reallylong-
word
因为字符会直接从数据库输出...
是的,解决方案是 css。属性 word-break: break-all
打破了元素框架中的单词。 hyphens: auto
还有一个附加属性,它应该在断开位置设置连字符。
(这对我来说实际上不是...)
更新:
word-wrap: break-word
有一个更好的方法,它只是打破长词,其他词会在下一行中正常跳转。
您可以使用 slice 等 twig 过滤器,它允许您仅显示字符串的 N 个字符。
切片后可以添加 - 和换行符
然后您可以使用合并过滤器将其全部恢复为 1 个字符串
但树枝并不能真正帮助你断词 我宁愿使用简单的 CSS
您可以使用 Text extension:
中的自动换行过滤器
{{ "Lorem ipsum dolor sit amet, consectetur adipiscing" | wordwrap(10) }}
给你:
Lorem ipsu
m dolor si
t amet, co
nsectetur
adipiscing
有没有办法让长单词在树枝中被打断?在几个字符之后,它将它分解并设置一个连字符。是否存在可以执行此操作的过滤器?
喜欢:
Thisisareallylongword
至:
Thisisa-
reallylong-
word
因为字符会直接从数据库输出...
是的,解决方案是 css。属性 word-break: break-all
打破了元素框架中的单词。 hyphens: auto
还有一个附加属性,它应该在断开位置设置连字符。
(这对我来说实际上不是...)
更新:
word-wrap: break-word
有一个更好的方法,它只是打破长词,其他词会在下一行中正常跳转。
您可以使用 slice 等 twig 过滤器,它允许您仅显示字符串的 N 个字符。
切片后可以添加 - 和换行符
然后您可以使用合并过滤器将其全部恢复为 1 个字符串
但树枝并不能真正帮助你断词 我宁愿使用简单的 CSS
您可以使用 Text extension:
中的自动换行过滤器{{ "Lorem ipsum dolor sit amet, consectetur adipiscing" | wordwrap(10) }}
给你:
Lorem ipsu
m dolor si
t amet, co
nsectetur
adipiscing