Question

怎么把div 中的内容底部对齐？

<div style="border:1px solid #97DAF9;">11</div> 这个11的位置偏上，怎么办？

Answer 1

发错版块了哦。
目前CSS没有底部对齐的好方法。
解决方法，经常使用的一种是已知容器的高度之后，设定margin-top或者padding-top。缺点是无法自适应。

这里教你一个取巧的方法，就是借助一下table。就是这样：
<div style="border:1px solid #97DAF9;">
<table>
<tr><td style="vertical-align: bottom;">
11
</td></tr>
</table>
</div>

当然，如果你对使用table很介意，那么就考虑第一种方法。

Answer 2

div里面的文字底部对齐可以通过设置如下css样式实现
display:table-cell; /*按照单元格的样式显示元素*/
vertical-align:bottom; /*底对齐*/
举个例子：
1.
创建html元素
<div>文字在div的底部对齐</div>2.
添加css样式
div{
width:200px;height:50px; /*设置div的大小*/
border:4px solid #beceeb; /*为了便于观察，显示出边框*/
display:table-cell;
vertical-align:bottom;3.
显示效果

Answer 3

div中没有直接文字的，也就是说需要设置div框中相应的元素的样式即可，如可以设置表格中table表的样式：
<div class="zj02" style ="width:100%;height:100%;overflow:hidden;">
<form id='modify1' name="modify1" method="post" enctype="multipart/form-data" action="${ctx}/report/rate_exchange.jsp" >
<table class="table_common" id="table1" cellspacing="1" cellpadding="0">
<tr class='title_tr' >
<td style="white-space: nowrap; text-align: center;" colspan="4">
<input type="file" name="fileName" id="filePath">
<input type="button" style="white-space: nowrap; text-align: center;" class="List_Button2" value="<BOC:I18N name="submit"/>" onclick="submitForm1()" />
<input type="reset" style="white-space: nowrap; text-align: center;" class="List_Button2" value="<BOC:I18N name="reset"/>"onclick="reset1()"/>
</td>
</tr>
</table>
</form>
</div>

Answer 4

div中没有直接文字的，也就是说需要设置div框中相应的元素的样式即可，如可以设置表格中table表的样式：
<div
class="zj02"
style
="width:100%;height:100%;overflow:hidden;">
<form
id='modify1'
name="modify1"
method="post"
enctype="multipart/form-data"
action="${ctx}/report/rate_exchange.jsp"
>
<table
class="table_common"
id="table1"
cellspacing="1"
cellpadding="0">
<tr
class='title_tr'
>
<td
style="white-space:
nowrap;
text-align:
center;"
colspan="4">
<input
type="file"
name="fileName"
id="filePath">
<input
type="button"
style="white-space:
nowrap;
text-align:
center;"
class="List_Button2"
value="<BOC:I18N
name="submit"/>"
onclick="submitForm1()"
/>
<input
type="reset"
style="white-space:
nowrap;
text-align:
center;"
class="List_Button2"
value="<BOC:I18N
name="reset"/>"onclick="reset1()"/>
</td>
</tr>
</table>
</form>
</div>