<div class="op"> <span>注释</span> <span>赏析</span> <span>朗读</span> <span>复制</span> </div>怎么弄到右边CSS代码怎么写
时间: 2024-06-02 18:05:52 浏览: 172
<div>与<span>的区别-css的简单介绍
要将<div>中的四个<span>元素排列到右边,可以使用CSS中的float属性。具体的代码如下:
```
<style>
.op {
overflow: hidden;
}
.op span {
float: right;
margin-left: 10px;
}
</style>
<div class="op">
<span>注释</span>
<span>赏析</span>
<span>朗读</span>
<span>复制</span>
</div>
```
其中,设置了`.op`元素的`overflow: hidden;`属性可以清除浮动,使`.op`元素可以正常显示高度。而`.op span`的`float: right;`属性可以让四个<span>元素都排列到右边,`margin-left: 10px;`属性则可以设置每个<span>元素之间的距离。
阅读全文