大家好,欢迎来到IT知识分享网。
[css] 用css怎么实现两端对齐?
文本的两端对齐
<style>
.form .text {
display: inline-block;
width: 65px;
text-align-last: justify;
}
</style>
<div class="form">
<div>
<span class="text">用户名</span>
<input type="text">
</div>
<div>
<span class="text">密码</span>
<input type="text">
</div>
</div>
元素的两端对齐
<style>
.wrap {
width: 100px;
height: 100px;
border: 1px solid;
display: flex;
justify-content: space-between;
}
.wrap > div {
width: 20px;
height: 20px;
}
.a {
background: red;
}
.b {
background: blue;
}
</style>
<div class="wrap">
<div class="a"></div>
<div class="b"></div>
</div>
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/15292.html