关于html:将div放在底部

Place div on bottom

本问题已经有最佳答案,请猛点这里访问。

我正在尝试将DIV放在父DIV的底部。

1
2
3
4
5
6
7
8
/*ELEMENT*/
    .element{
        border: 1px solid gray;
        font-size: 8px;
        text-align: center;
        display: inline-block;
        margin-bottom: 0;
    }
1
2
3
4
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js">

    018017016015014013012011010009008007006005004003001

我试过了:

1
2
margin-bottom: 0;
float: bottom;

我希望订书钉能竖起来。不掉落:)


vertical-align:bottom应用于分区。

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

1
2
3
4
5
6
7
8
.element{
        border: 1px solid gray;
        font-size: 8px;
        text-align: center;
        display: inline-block;
        margin-bottom: 0;
        vertical-align:bottom;
    }
1
    018017016015014013012011010009008007006005004003001