我覺得有點傻，但我在嘗試將兩列（一行內）的內容對齊到同一個底部（高度）時卡住了。
這是代碼（簡單的 html 和 css 加上 bootstrap 5）：
<div class="row">
<div class="col-md-2" style="border: 1px solid; border-color: #FFFFFF;">
<i class="fas fa-mobile-alt fa-2x" style="color: #FFFFFF;"></i>
</div>
<div class="col-md-10" style="border: 1px solid; border-color: #FFFFFF;">
<span class="p-phone">Telefono e fax: 39 123456789</span>
</div>
</div><!-- end row -->
p-phone 類只是一個簡單的定義：
.p-phone{
color: #FFFFFF;
font-weight: bold;
font-size: 1.5rem;
}
你能幫我嗎？
編輯：感謝所有的資訊，到目前為止我已經能夠創建一個 jsfiddle（但不包括引導程式 5 檔案）
https://jsfiddle.net/davidep/fwcudq0y/3/
基本上我想讓兩列內的內容在同一個底部（高度）上對齊
uj5u.com熱心網友回復：
將類align-items-baseline添加到行的 div 中
或將以下樣式添加到行中
.row {
align-items: baseline;
}
uj5u.com熱心網友回復：
Davide，在 html 代碼中，您有多種方法可以將文本對齊一頁。這是用于制表符： 您還可以使用“p”來組合段落 - 段落通常在視覺媒體中表示為文本塊，通過空行和/或首行縮進將文本塊與相鄰塊分開，但 HTML 段落可以是相關內容的任何結構分組，例如影像或表單欄位。保重，奧利
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/337346.html
標籤：html css bootstrap-5
上一篇：并排和上下顯示flexbox