您当前的位置:首页>>知识教程>>织梦教程

织梦内容页文字不换行部分被隐藏解决方法

时间:2021-01-11 07:46:58 阅读:277人已围观
文章页面的文字由于特殊原因,不能自动换行,部分文字被隐藏了,特别是手机端看的时候,英文字母后面的部分被隐藏看不到了,解决方法:

在内容css样式中加入:

word-wrap:break-word; // 允许长单词换行到下一行:
word-break:break-all; // 在恰当的断字点进行换行:

这样就可以实现了字母超出边界后实现自动换行。


另外,规定段落中的文本不进行换行:

p
  {
  white-space:nowrap; // 文本不换行
  
text-overflow:ellipsis; // 显示省略符号来代表被修剪的文本。

  }
标签: