将div放在底部

这个问题在这里已经有了答案:

  • 我怎样才能将我的div放在它的容器底部? 21个答案
  • 如何将div的内容与底部对齐? 24个答案
  • 将DIV与底部或基线9个答案对齐

  • vertical-align:bottom应用于div。

    .element{
        border: 1px solid gray;
        font-size: 8px;
        text-align: center;
        display: inline-block;
        margin-bottom: 0;
        vertical-align:bottom;
     }
    

    .element{
            border: 1px solid gray;
            font-size: 8px;
            text-align: center;
            display: inline-block;
            margin-bottom: 0;
            vertical-align:bottom;
        }
    <div class="jsContent">
        <div class="element" style="width: 20px; height: 252px;">018</div><div class="element" style="width: 20px; height: 350px;">017</div><div class="element" style="width: 20px; height: 254px;">016</div><div class="element" style="width: 20px; height: 614.8px;">015</div><div class="element" style="width: 10px; height: 100px;">014</div><div class="element" style="width: 20px; height: 100px;">013</div><div class="element" style="width: 20px; height: 140px;">012</div><div class="element" style="width: 20px; height: 100px;">011</div><div class="element" style="width: 20px; height: 100px;">010</div><div class="element" style="width: 30px; height: 232.5px;">009</div><div class="element" style="width: 30px; height: 270px;">008</div><div class="element" style="width: 30px; height: 154px;">007</div><div class="element" style="width: 30px; height: 270px;">006</div><div class="element" style="width: 30px; height: 34px;">005</div><div class="element" style="width: 30px; height: 465px;">004</div><div class="element" style="width: 30px; height: 305px;">003</div><div class="element" style="width: 30px; height: 562.5px;">001</div>
    </div>
    链接地址: http://www.djcxy.com/p/75785.html

    上一篇: Place div on bottom

    下一篇: css how to position an element at the bottom of the html page