gpt4 book ai didi

html - 如何使文本在 div 元素中居中?

转载 作者:行者123 更新时间:2023-11-28 17:38:21 27 4
gpt4 key购买 nike

<分区>

如何让div中的文字居中?我有以下 css 代码:我应该使用行高属性使文本居中吗?

.activebox {
display: inline-block;
width: 40px;
height: 16px;
/*line-height: 20px;*/
background-color: #47DA91;
}

.triangle-left {
display: inline;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-right: 10px solid #47DA91;
border-bottom: 8px solid transparent;
float: left;
}

.activebox p {
color: white;
}

还有html代码:

<div class="triangle-left"></div>
<div class="activebox"><p>Active</p></div>

这是 jsfiddle例子

谢谢。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com