Question

我的h2中有背景图像，有没有办法将文本放在h2内？

Answer 1

为什么不将h2放在span或div中，将图像放在那里，然后使用填充将h2置于其中。 h2是文本。

Answer 2

填充
文本缩进
行高
用div / span和margin / padding / text / indent
将文本内部和位置包裹：h2上的相对，内部文本元素上的绝对位置。

等等.. 随便挑选。

Answer 3

使用css padding：

{
    padding-left:8px;
}

Answer 4

是的，您可以使用填充和对齐来放置文本。例如：

h2 {
  font-size:15px;
  line-height: 20px;
  text-align: right;
  padding: 30px 20px 5px 0;
}

Answer 5

<h1 style='display:block; width:100%; height:40px; text-align:center'>text</h1>

Answer 6

您可以尝试添加填充和恒定的宽度/高度到位置：

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
  h2
  {
    background: #DEF;
    width: 400px; height: 100px
    padding: 40px 40px;
  }
</style>
</head>
<body>
  <h2>Sample</h2>
</body>
</html>

CSS：在h2中定位文本

6 个答案: