织梦内容页文字不换行部分被隐藏解决方法
时间:2021-01-11 07:46:58
阅读:277人已围观
文章页面的文字由于特殊原因,不能自动换行,部分文字被隐藏了,特别是手机端看的时候,英文字母后面的部分被隐藏看不到了,解决方法:
在内容css样式中加入:
word-wrap:break-word; // 允许长单词换行到下一行:
word-break:break-all; // 在恰当的断字点进行换行:
这样就可以实现了字母超出边界后实现自动换行。
另外,规定段落中的文本不进行换行:
p
{
white-space:nowrap; // 文本不换行
text-overflow:ellipsis; // 显示省略符号来代表被修剪的文本。
}
在内容css样式中加入:
word-wrap:break-word; // 允许长单词换行到下一行:
word-break:break-all; // 在恰当的断字点进行换行:
这样就可以实现了字母超出边界后实现自动换行。
另外,规定段落中的文本不进行换行:
p
{
white-space:nowrap; // 文本不换行
text-overflow:ellipsis; // 显示省略符号来代表被修剪的文本。
}