<label>姓名<i></i></label>
label {
display: inline-block;
width: 100px;
text-align: justify;
}
i {
display: inline-block;
width: 100%;
}
通过这种设置可以实现label标签中的文字两端对齐
CSS技巧:两端对齐的Label标签
本文介绍了一种使用CSS实现label标签内文字两端对齐的技巧,通过特定的样式设置,使得label标签在视觉上更加美观,适用于各种前端开发场景。
<label>姓名<i></i></label>
label {
display: inline-block;
width: 100px;
text-align: justify;
}
i {
display: inline-block;
width: 100%;
}
通过这种设置可以实现label标签中的文字两端对齐
1273
2897
1567

被折叠的 条评论
为什么被折叠?