我正在使用 BootstrapVue 构建一个包含两列的行。第一列有一个文本,第二列有一个 b-form-textarea
.我还希望文本 ("data"
) 出现在文本区域的旁边。但文本仅显示在文本区域下方。我认为这是因为 b-form-textarea
的一些 css 属性。
这是我的 fiddle
但是,当使用普通 textarea
时,文本会出现在它旁边(请参阅下面的 fiddle /屏幕截图)。
我希望文本不仅在文本区域旁边,而且在文本区域一侧垂直居中。
注意:当根据您的屏幕宽度以 fiddle 方式查看时,两个文本都可能出现在底部。粘贴屏幕截图以避免混淆。
最佳答案
推荐使用vue-bootstrap layouts
对齐你的元素,如:
<div class="col-4">
<b-row align-v="center" >
<b-col cols="10">
<b-form-textarea></b-form-textarea>
</b-col>
<b-col cols="2"> <span> data </span></b-col>
</b-row>
</div>
关于javascript - 使用 BootstrapVue 的 VueJs Form textarea 和文本格式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57714294/