两个span标签,一个居中,一个靠右
时间: 2023-08-19 07:25:01 浏览: 111
CSS中将Span标签设置为固定宽度的方法
5星 · 资源好评率100%
您可以使用以下HTML和CSS代码来实现这个要求:
```html
<div class="container">
<span class="centered">居中</span>
<span class="right-aligned">靠右</span>
</div>
```
```css
.container {
display: flex;
justify-content: space-between;
}
.centered {
text-align: center;
}
.right-aligned {
text-align: right;
}
```
这里我们使用了一个包裹元素 `.container`,并且将它的 `display` 属性设置为 `flex`,并且使用 `justify-content: space-between` 来让两个span元素在容器内均匀分布,其中一个span元素使用 `text-align: center` 让它居中,另一个span元素使用 `text-align: right` 让它靠右。
阅读全文