小编Geo*_*ley的帖子

为什么我在Chrome中使用UL后看到额外的空间

运行Windows 7,Chrome版本53.0.2785.116 m

似乎在项目符号和项目的第一个字符之间的ul列表中添加了巨大的差距.我正在使用list-style-position:inside; 这似乎是添加空间(我不是指整个线的位置进一步 - 只是子弹和第一个角色之间的空间.)

一个简单的HTML5骨架,没有其他CSS示例会显示:

<ul>
	<li style="list-style-position: inside;">One</li>
	<li>Two</li>
	<li>Three</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

将第一行中的空间与其他两行进行比较.

为什么?!这是微软Internet Explorer的一个糟糕的设计"功能",我当然希望谷歌不会模仿它.差距似乎比IE更大.所以现在我在Chrome中查看页面时会收到额外的(和不必要的)换行符.这意味着可以将更少的内容放入固定的宽度/高度设计中.或者更小的字体来补偿等.

子弹只需要它与内容之间的一个空格; 作为列表中的文本和列表中的每个项目之间的空格.

其他人看到这个?(这必须是最新的,因为上周我更新页面时不是问题)

html css google-chrome

5
推荐指数
1
解决办法
902
查看次数

标签 统计

css ×1

google-chrome ×1

html ×1