將div中的文本對齊到底部

Question

我有兩個div，彼此相鄰，一個是float: right ，另一個是float: left 。 左邊的那個包含一個圖像（200x100px），右邊的div應該包含一個文本。 我想讓右邊的div文本從div的左下角而不是左上角開始，這有可能嗎？ 謝謝

Answer 1

您可以使容器position: relative然后在position: absolute; bottom: 0; left: 0;里面創建一個div position: absolute; bottom: 0; left: 0; position: absolute; bottom: 0; left: 0;

<div style="position: relative; height: 300px; width: 300px; background-color: #f00;">
  <div style="position: absolute; bottom: 0; left: 0; right: 0; background-color: #00f;">
    This will be at the bottom!
  </div>
</div>

Answer 2

在跨度，段落或您放置文本的任何內容上嘗試此css規則：

vertical-align: bottom;

Answer 3

你可以嘗試添加到你的div這個CSS：

 #rightDiv{
   display: table;
   vertical-align: bottom;
}