我正在使用php'echo'从数据库中检索文本以显示它,但是,这些单词是在行的末尾剪切而不是添加换行符
代码:
$xx = "<ul><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</li><li>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.</li></ul>";
echo $xx;
结果是:
正如您所看到的,当某些单词到达右边距时会被切断,例如,在第一行中单词“dapibus”被剪切。
我怎么能阻止这个? (php wordwrap在这里不起作用)
答案 0 :(得分:2)
使用值为word-break
的CSS属性keep-all
,如:
$xx = "<ul style='word-break: keep-all;'><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</li><li>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.</li></ul>";
echo $xx;
答案 1 :(得分:1)
此行为应由CSS规则引起:
word-break: break-all;
您可以找到声明此CSS规则的位置,如果不需要则删除它,或者只在word-break: normal
标记上应用<ul>
检查 https://developer.mozilla.org/en-US/docs/Web/CSS/word-break