首页 > 解决方案 > 最后一行文字溢出手机屏幕?

问题描述

最后一行文本中断

此页面顶部的标题DataSN enables everyone to easily make use of data of all websites on the Internet, flexibly and affordably.表现得很奇怪,因为在带有 Chrome 开发人员工具的移动设备(例如“iPhone 6/7/8”)上,最后一行文本溢出了屏幕。

尝试过overflow: auto仅使其可水平滚动并将word-break: break-word;最后一个单词affordably分成一半。

这两种解决方案都不是理想的。它以这种方式表现很奇怪。它不应该像前几行一样自动包装吗?如何让它在这里的最后一行按单词换行?

标签: htmlcss

解决方案


 在单词之间使用.. nbsp 代表不间断空格。因此这些词不会环绕空间。

在此处输入图像描述

换成 简单空间后

在此处输入图像描述


推荐阅读