Question

我想知道如何将我的文本放在div中。在我的代码中，这不是每个p-tag的工作，因为文本长度不一样。

HTML： -

<div class="textBlock">
  <p>text text text</p>
</div>

CSS： -

#content .textBlock {
 position: relative;
 text-align: center;
 width: 100%;
 float: left;
 display: block;
 min-height: 160px;
}

#content .textBlock p {
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 font-size: 28px;
 font-family: Helvetica, Arial;
 font-weight: 100;
 padding: 0 5%;
 line-height: 34px;
 letter-spacing: 0.1em; 
}

Answer 1

如果你只是对齐文字，不确定所有其他代码是什么？

.textBlock {
 text-align: center;
 min-height: 160px;
}

.textBlock p {
 font-size: 28px;
 font-family: Helvetica, Arial;
 line-height: 34px;
 letter-spacing: 0.1em; 
}

<div class="textBlock">
  <p>text text text</p>
</div>

Answer 2

请尝试这个：

HTML：

<div class="textBlock">
  <p>text text text</p>
</div>

的CSS：

.textBlock {
 text-align: center;

    background-color:gray;
}

.textBlock p {
 font-size: 28px;
 font-family: Helvetica, Arial;
 line-height: 34px;
 letter-spacing: 0.1em; 
    color:white;
}

DEMO

将文本置于div

2 个答案: