div里面span标签一个靠上,一个靠下
时间: 2023-07-07 10:37:05 浏览: 201
可以使用CSS来实现将一个span标签靠上,一个span标签靠下的效果。具体实现方式如下:
1. 给包裹两个span标签的div元素设置样式为display: flex;,使其内部的元素变为弹性盒子。
2. 给第一个span标签设置样式为align-self: flex-start;,使其在纵向上靠上。
3. 给第二个span标签设置样式为align-self: flex-end;,使其在纵向上靠下。
示例代码如下:
```html
<div style="display: flex;">
<span style="align-self: flex-start;">上面的文本</span>
<span style="align-self: flex-end;">下面的文本</span>
</div>
```
阅读全文