- html
// 第一种
<span class="one">10%</span><span class="two">90%</span>
// 第二种
<span class="one">10%</span>
<span class="two">90%</span>
// 或者两个元素之间加一个空格
<span class="one">10%</span> <span class="two">90%</span>
- css样式
.one {
width: 10%;
display: inline-block;
background-color: rgb(0, 234, 255);
}
.two {
width: 90%;
display: inline-block;
background-color: rgb(255, 179, 0);
}
-
第一种显示结果
-
第二种显示结果
-
小结
之前在网上了解过这种格式差异,今天写代码给忘了(迷了好久😥),记录一下。