html - 当文本对齐时,某些单词之间的间距在移动视图中太大了
问题描述
我创建了一个网站,并准备启动它,但后来我注意到当显示在移动设备上时,文本中的某些单词之间的间距太大了。是否可以以某种方式定义段落中的最大间距?
p {
text-align:justify;
}
解决方案
正是由于这个原因,证明文本是危险的。有时,如果不在文本中造成巨大的空白,您就无法证明其合理性。LaTeX 编译器实际上更喜欢扩展行(忽略例如页边距)而不是创建孔。
您可以尝试使用hyphens
CSS 属性来避免空白,但请记住,此功能是新功能,可能并不总是有效。见https://css-tricks.com/almanac/properties/h/hyphenate/
如果绝对必须避免这些间隙,则必须调整容器的字体大小或宽度或编辑文本。但请记住要测试许多分辨率、屏幕宽度和缩放系数。您可能太忙而无法采用这种方法,因此除了左对齐文本或硬着头皮忍受间隙之外,没有其他可行的解决方案。
推荐阅读
- mongodb - 访问 Camel EIP bean 中消息体的元素
- angular - 浏览器用 ASCII 替换特殊字符
- android - Android facebook 登录仅适用于开发者帐户
- python - 重新定义未使用的“on_message”是什么意思
- javascript - 通过 AJAX 提交 HTML 表单
- r - R:循环的计算组合和变量迭代
- python-3.x - 带有 sympy 矩阵和 numpy 向量输入的 sympy lambdify
- sql-server - 有没有办法让 Excel 中的公式,通过 SQL 查询插入,自动成为公式,而无需手动刷新每个字段?
- python - 如何解决在带有英特尔芯片和 Big Sur 的 macbook pro 中安装 Python < 3.7 的“pyenv”问题?
- javascript - 将函数分配给函数内部的变量