您好我正在嘗試將文本區域的標簽對齊以集中用于 textarea。
我的設計如下：
我的文本區域行是“2”。我正在使用 bootstrap col 分隔符將列拆分為 4 和 8，因為我想要這樣的設計。現在我正在嘗試將標簽資料定義分配得更低一點，以準確顯示在中心，如下圖所示，突出顯示。
我的代碼如下：
<br />
<div class="row" style="border:solid">
<div class="col-sm-4" style="text-align:center;background-color:#3abaab;font-size:large;vertical-align: middle; ">Data Definition </div>
<div class="col-sm-8"><textarea name="id" id="id" cols="45" rows="2">@Model.DD</textarea></div>
</div>
<br />
如何解決這個問題。請幫忙。
uj5u.com熱心網友回復：
一個總是簡單的方法是使div
[appropriate css selector for div containing "Data Definition"] {
display: flex;
align-items: center;
/* if you want to horizontally center as well, then: */
justify-content: center;
}
使它們垂直居中。
.title {
width: 200px;
height: 200px;
text-align: center;
background-color: #3abaab;
font-size: large;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
}<div class="title">
Data Definition
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/478810.html
上一篇：如何防止元素超出其祖父母的邊界？