table的字适应问题

最新推荐文章于 2024-03-12 16:50:55 发布

我是传奇Tone

最新推荐文章于 2024-03-12 16:50:55 发布

阅读量387

点赞数

分类专栏： html 文章标签： table

本文链接：https://blog.csdn.net/sinat_22012547/article/details/42025483

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在table标签外层添加div,设置样式style="width:expression(document.body.clientWidth + 'px')"就可以设置table自适应屏幕

<div style="width:expression(document.body.clientWidth + 'px')">
<table>
<tr style="font-size: 11px;color: #8692a2;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;">
          <td style="width: 25%;">月本息</td>
          <td style="width: 25%;">月本金</td>
          <td style="width: 25%;">月利息</td>
          <td style="width: 25%;">罚息</td>
          <td style="width: 25%;">还款日期</td>
</tr>
<s:iterator value="tenderDetailList" var="tenderDetail">

    <tr style="font-size: 10px;color: 8692a2;">
<td style="width: 25%;border-bottom: 1px solid #eeeeee;">￥<s:property value="m_principalinterest"/></td>
<td style="width: 25%;border-bottom: 1px solid #eeeeee">￥<s:property value="m_principal"/></td>
<td style="width: 25%;border-bottom: 1px solid #eeeeee">￥<s:property value="m_interest"/></td>
<td style="width: 25%;border-bottom: 1px solid #eeeeee">￥<s:property value="m_penalty"/></td>
<td style="width: 25%;border-bottom: 1px solid #eeeeee">
    <s:date name="m_date" format="yyyy.MM.dd"/>
   <s:if test='"y" == m_isrepay'>
       <img src="../../../webappimage/yishou.png" style="height: 10px;width: 15px; padding-left: 5px;"/>
   </s:if>
</td>

</tr>
</s:iterator>
</table>
</div>