在CSS中,我们经常会遇到文本中两个短语在同一行中需要对齐的情况,下面介绍两种方法:
/* 方法1:使用display:inline-block */
span{
display: inline-block;
width: 50%;/* 设置宽度为父元素的50% */
}
/* 方法2:使用flex布局 */
.container{
display: flex;
justify-content: space-between;/* 将两个子元素分别置于左右两端 */
}