html – 第一个字母CSS上的左侧空格

前端之家收集整理的这篇文章主要介绍了html – 第一个字母CSS上的左侧空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用谷歌字体’Lato’,我在左侧正确对齐标题​​和文字时遇到问题…字体(大的时候)似乎在第一个字母上有一个空间,并且在没有空格的情况下不会左对齐! ?

所以这里也是一个小提琴:

<h1>Hello</h1> <p>Hello,this is sentance</p>

FIDDLE

此外,在左边缘(magin-left:-10px)上添加一个负值似乎是一个糟糕的解决方法…这对于不同的字体大小不会起作用,除非根据需要单独调整…乖必须是更好的解决方案吗?

有人可以帮忙吗?

解决方法

好吧,每个人都说这是由于线路作为标题而导致的自动填充或边距错误.看到这个小提琴作为证据:

http://jsfiddle.net/w25j9L7o/26/

领先的空间不是由浏览器或CSS或DOM /浏览器级别的任何其他内容呈现的.这是字体. H字形周围有一些内置填充,字体越大,填充越明显.

即使您使用负边距来补偿:

>角色本身正在移动,其中包括空的空间,因此空的空间也会滑过,影响布局.可见字符不会滑入空白区域,如果使用CSS修复它,整个字符(可见和不可见)将向左移动.
>您需要根据字体大小调整该偏移量或计算出基础百分比,以便偏移量随着任何字体大小设置而增长.

或者您可以使用不具有此特征的其他字体.

猜你在找的HTML相关文章