文字最前面有一个空隙,怎么消除?

h1的标题前面总是有一个空隙。
已经在最开始消除了全部默认padding和margin。
这个可以解决么?

图片描述

谢谢。

阅读 3.6k
3 个回答

这不是h1标签的问题。只是它的font-size比较大而已,才显得很大的字体间距。

clipboard.png

F12一看你就知道,你看这个汉字,你是不是认为内容和它的宽度几乎一致,但换个汉字

clipboard.png

你会发现汉字也有字体间距。

更不用说是字符、字母和数字了

clipboard.png
clipboard.png

这种设计是必要的,如果去掉会怎样?会把两个字紧紧的贴在一起

所以做成你现在的效果就已经ok的了。但...

如果老板不听,一定要让你做到上下完全对齐,用padding-left让字往左边移动几像素手动对齐。

不过要明确知道这样做的后果:最前面的字换了一个就得重新手动对齐,因为每个字的字体间距都不一样

字体问题吧,并不是所有字体一开始都是边界靠边的.F12看看边框

浮动于元素,左移几个像素。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题