在移动视图中段落文本无法正确换行 - （CSS）[重复]

Posted 2023-03-05

【中文标题】在移动视图中段落文本无法正确换行 - （CSS）[重复]

【英文标题】：paragraph text does not wrap correctly when in a mobile view - (CSS) [duplicate]

【发布时间】：2021-10-14 12:42:31

【问题描述】：

Issue at hand

在移动设备上查看时，我的 <P> 标记文本没有正确换行。

我要求一种以移动友好的方式包装 <P> 标记文本的方法。

CSS 下面

margin-top: 24px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    max-width: 600px;
    word-wrap: break-word;
    @media screen and (max-width: 768px) 
        font-size: 24px;
    
    @media screen and (max-width: 480px) 
        font-size: 18px;
    

如您所见，我尝试使用word-wrap: break-word;，但没有成功。 有什么帮助或建议吗？

【问题讨论】：

这回答了吗？ ***.com/questions/10743763/…

是的，这解决了我的问题！谢谢。

OK - 作为重复关闭。

【参考方案1】：

解决方案

display: inline-block;
word-break: break-word;

修复了基于 web-kit 的浏览器的问题。