css display属性如何让两个标签一个靠左一个靠右
时间: 2023-07-15 13:10:34 浏览: 195
CSS display属性的table表格布局
可以使用 `float` 属性来实现让两个标签一个靠左一个靠右的效果。具体实现方法如下:
HTML代码:
```
<div class="wrapper">
<div class="left">左边的标签</div>
<div class="right">右边的标签</div>
</div>
```
CSS代码:
```
.wrapper {
overflow: hidden; /* 清除浮动 */
}
.left {
float: left;
}
.right {
float: right;
}
```
上述代码中,我们首先将两个标签都放在一个名为 `wrapper` 的 `div` 容器内,然后使用 `float` 属性将左边的标签向左浮动,将右边的标签向右浮动。最后使用 `overflow: hidden;` 属性清除浮动,使得 `wrapper` 容器的高度可以自适应其内部的元素,从而实现让两个标签一个靠左一个靠右的效果。
阅读全文