CSS 文本域和一段文字对齐
时间: 2024-03-09 10:49:26 浏览: 101
可以使用CSS的flexbox布局来实现文本域和一段文字的对齐。具体做法如下:
HTML代码:
```
<div class="container">
<textarea></textarea>
<div class="text">一段文字</div>
</div>
```
CSS代码:
```
.container {
display: flex;
align-items: center;
}
textarea {
flex: 1;
}
.text {
margin-left: 10px;
}
```
以上代码中,我们首先将包含文本域和一段文字的容器设置为flex布局,然后使用align-items属性将它们垂直居中对齐。接着,我们将文本域的flex属性设置为1,使其占据剩余的空间。最后,我们给文字设置一个左边距,使它与文本域有一定的间隔。这样就可以实现文本域和一段文字的对齐了。
阅读全文