Question

0 0

css中如何将一个文本内容放置在div的正中间?

需要把文本放于div的正中间（水平和竖直方向）。该如何写css呢？

比如，有下面的代码：

<div style="display: block; height: 25px;">
    <span id="ctl_txt" style="background-color: rgb(255, 0, 0);">
        Basic
    </span>
</div>

div 样式 css

10 years, 2 months ago

笑得很累不笑了

share

笑得很累不笑了 10 years, 2 months ago

Answer 1

0

你可以使用 text-align属性，将文本放置于水平中央。然后设置 line-height 等于 div height，这样就可以把inline的内容至于竖直的中间。

请尝试一下代码：

<div style="display: block; height: 25px; text-align:center; line-height:25px;">
    <span id="ctl_txt" style="background-color: rgb(255, 0, 0);">Basic</span>
</div>

answered 10 years, 2 months ago

脑壳灌水的鱼

share

脑壳灌水的鱼 answered 10 years, 2 months ago

css中如何将一个文本内容放置在div的正中间?

笑得很累不笑了

Answers

脑壳灌水的鱼

Your Answer