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

www.tzvx.com 2021-01-11建站代码人已围观

简介文章页面的文字由于特殊原因,不能自动换行,部分文字被隐藏了,特别是手机端看的时候,英文字母后面的部分被隐藏看不到了,解决方法: 在内容css样式中加入: word-wrap:break-word...

文章页面的文字由于特殊原因,不能自动换行,部分文字被隐藏了,特别是手机端看的时候,英文字母后面的部分被隐藏看不到了,解决方法:

在内容css样式中加入:

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

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


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

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

  }

Tags:

热点文章