如何删除元素上的空白？

Question

我有一个h2 tag，但文字没有与元素的左边对齐，如图所示。

是否可以删除此空格或将文本粘贴到左侧？

以下是CSS属性：

h2 {
   font-size: 5.2em;
   font-family: UniSans;
   word-spacing: 1px;
}

：**我的问题是fiddle。如果顶部空白区域有解决方案，那就太棒了。

Answer 1

这是sans-serif字体的标准行为，我相信。对于上升/下降/衬线AFAIK，字形周围有额外的“空间”。

Codepen.io example

<强> HTML

<h1>Decent Test</h1>

<h1 class="serif" >Decent Test</h1>

<强> CSS

* {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 100px;
  font-family:sans-serif;
  word-spacing: 1px;
  padding:0;
  margin:0;
  background: pink;
  margin: 50px;
}

h1.serif {
  font-family: serif;  
}

Answer 2

更新您的CSS，如下所示。希望它能解决这个问题。

body, html{margin:0; padding:0} 
h2 {
font-size: 5.2em;
font-family: UniSans;
word-spacing: 1px;
margin:0px;
padding:0px;
}

DEMO

Answer 3

您需要将margin:0添加到body和h2

示例：http://jsfiddle.net/LB2N5/3/

Answer 4

只需尝试使用-2px使元素上的边距为负，您可以根据自己的情况进行调整。