image.png
// html
<div>
<div class="label">姓名</div>
</div>
<div>
<div class="label">出生日期</div>
</div>
<div>
<div class="label">性别</div>
</div>
// css
.label {
display: inline-block;
width: 70px;
background-color: #ddd;
margin-top: 10px;
text-align-last: justify;
}
实现效果 代码
在写页面的时候很多情况想实现字体两端对齐，如下图：
1.margin 负值的方式 该方法需要外面多嵌套一层来实现，通过元素的间距，做为中间层的 margin 溢出值来...
css实现文字两端对齐，以elementui框架的行内表单为例 .el-form--inline.el-form-...
HTML 多个元素在一行 CSS 多个元素水平居中对齐 多个元素水平两端对齐 多行多个元素水平两端对齐 多个元素在...
1- 设置字间距 实现文本两端对齐 效果效果图 实现CSS代码 2- 使用background属性实现盒子仅四个角...
常用CSS 清除浮动 文字两端对齐 CSS属性兼容写法 transform box-sizing
CSS实现文本两端对齐 我们在制作表单时经常遇到控件前的label标签中文本长度不一,有时候为了美观,我们会采取文...
text-align: justify; text-align-last: justify;
直接上代码
本文标题：[html&css] css实现两端对齐
本文链接：https://www.haomeiwen.com/subject/mahtdctx.html
网友评论