Html 为什么要在a<;p>;元素是否添加单个空格?
一位同事在我完成的屏幕上出现文本对齐问题。我在一台使用Chrome的Win10 PC上看到了这个问题,一些文本行显示如下:Html 为什么要在a<;p>;元素是否添加单个空格?,html,css,google-chrome,Html,Css,Google Chrome,一位同事在我完成的屏幕上出现文本对齐问题。我在一台使用Chrome的Win10 PC上看到了这个问题,一些文本行显示如下: Text line 1. Text line 2 is much longer and wraps to two lines, but the second line does not have the whitespace added. Text line 3 does not wrap, and has the same alignment issue. 当我使用
Text line 1.
Text line 2 is much longer and wraps to two lines, but the second line
does not have the whitespace added.
Text line 3 does not wrap, and has the same alignment issue.
当我使用Chrome在Mac上查看它时,我没有看到问题,所以我巧妙地推断它很可能是一个Win Chrome bug,带有一些引导类,等等
但是,在深入研究之后,问题最终是标签内容的格式:
<p>Text line 1.</p>
<p>
Text line 2 is much longer and wraps to two lines, but the second line does not have the whitespace added.
</p>
<p>
Text line 3 does not wrap, and has the whitespace.
</p>
文本行1
文本第2行更长,并换行为两行,但第二行没有添加空格。
文本第3行不换行,并带有空格。
<>我知道,在一个字符串中间的换行符会在大多数浏览器中推断出一个空间(感谢上帝),这样在编写多行内容时不必添加尾随/引导空间。然而,我从未见过初始返回导致空白
关键是,可能有很多代码以这种方式格式化,客户机将在Win10中测试时发现对齐问题为什么会发生这种情况,这很可能是Win/Chrome的错误吗?这是一些浏览器开发人员有意识的选择吗
非常感谢您的参考资料,但我个人找不到任何与此相关的CSS技巧或Chrome浏览器文档
编辑:
另一位同事证实,在
标记中添加
(无尾随/前导空格)也会直接在后面生成一个前导空格。空白:预换行保留空白,因此,在word wrap中,它不会添加额外的空间,因为它位于段落开头。
请尝试空白:无编码>或添加一些填充/空白,如果您希望整个段落即使在换行后也有额外的空间。无法复制。在Win10上使用Chrome。那些
是否有空白:pre代码>样式有没有可能?空白:预包装
会导致您描述的行为。我想你们用空白
属性击中了要害,我们已经将其缩小到一些奇怪的引导继承。由于我们是在Mac电脑上开发的,所以在windows上测试之前,我们没有发现这一点,我们必须深入研究这会影响多少场景。很高兴知道我不需要针对win10 chrome(或重新格式化数千行代码)。