height高度设置无效
Angix 2017-03-02 10:32:36
下面这个t2的<table>的height自适应t1的<td></td>单元格，height设置无效，行高度好高，怎么处理

web.jsp


<table style="width: 95%;"  border="2" id="t1" >

    <tr height="20" bgcolor="#D1F5C0">

        <td>

            用户管理

        </td>

    </tr>

    <tr>

        <td align="center" >

        <!--  下面这个t2的<table>的height自适应t1的<td></td>单元格，height设置无效，行高度好高 -->

            <table id="t2" border="1" cellspacing="0" cellpadding="0" style="height:20;width: 50%;" > 

                 <tr  bgcolor="#D5E4F4" align="center">

                    <td><strong>用户名</strong></td>

                    <td><strong>角色</strong></td>

                    <td><strong>操作</strong></td>

                </tr>



                <s:iterator value="list">

                <tr align="center">

                    <td>${username}</td>

                    <td>${role}</td>

                    <td><a href="#">修改</a>    <a href="#">删除</a></td>

                </tr>

                </s:iterator>



            </table>

        </td>

    </tr>

</table>

CSS样式


html,body{



	margin:auto;

	width:95%; 

	height:100%;

} 

table{

	width:100%;

	min-height:100%;

	height:100%;

}

...全文
2832 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
Angix 2017-03-04
  • 打赏
  • 举报
 回复
找到方法了 只要在<td></td>之间加<div>就行了 

<td align="center" >
<div>
        <!--  只要在<td></td>之间加<div>就行了 -->
            <table id="t2" border="1" cellspacing="0" cellpadding="0" style="height:20;width: 50%;" > 
                 <tr  bgcolor="#D5E4F4" align="center">
                    <td><strong>用户名</strong></td>
                    <td><strong>角色</strong></td>
                    <td><strong>操作</strong></td>
                </tr>
 
                <s:iterator value="list">
                <tr align="center">
                    <td>${username}</td>
                    <td>${role}</td>
                    <td><a href="#">修改</a>    <a href="#">删除</a></td>
                </tr>
                </s:iterator>
 
            </table>
</div>
        </td>
nikyotensai 2017-03-03
  • 打赏
  • 举报
 回复
height:20;这是什么鬼
jiajing1990_ 2017-03-03
  • 打赏
  • 举报
 回复
单独给tr上面设置样式呢
李德胜1995 2017-03-02
  • 打赏
  • 举报
 回复
两个table分别用id，#t1,#t2设置样式就可以了
记录微信小程序 height: calc(xx – xx)；无效问题
遇到一个小问题，记录一下 问题：在微信小程序中使用scroll-view标签时，用height:cale(xx – xx)设置高度无效，在page中设置高度为百分百依旧无效 解决办法：直接在最大的view标签中设置高度为百分百即可 <!-- 视频列表 --> page { height: 100%; } .videoList { height: calc(100% - 480rpx); }
和标签的width和height属性无法设置....亲测有效 解决table标签下的和属性宽和高设置无效 在写table表格框的时候，会遇到自己的属性设置了width: :属性和height:;属性，可预览的时候不会有任何的变化，你的表格还是一团没有任何的可看性。废话不多说，我们一起来看看吧 table{ table-layout: fixed; } 只要在table标签里设置table-layout属性值为fixed,然后在设置widt...
<8>Lua从入门到精通
只提供了一种通用类型的表（table），用它可以实现数组，哈希表，集合，对象；闭包(closure)；提供多线程支持； 在 游戏开发，独立应用脚本，Web 应用脚本，扩展和数据库插件，安全系统，等领域得到了广泛应用。
table表格
定宽定高显示的有效方法 待解决问题 想要让这个图片的第一条记录和其他其他两条记录的高度一直 （定宽度预先设置好了） 理想效果（需求） 就是每个字段的值太长显示不了可以自动隐藏起来__…__，只显示那么高，不会有另外起一行的变化。 ...
开发日志：<table>的
标签的行高无法设置为10px以下 开发时因为需要td的高度低于5px来达到background刚好填充的效果，但当将height设置为5px，没有起到效果   上面的代码不管height再怎么小，的高度也不会跟着变小 原因是内有字体大小限制，当行高比字体的高度小的时候，取字体的最小高度值，设置line-height可解决这个问题
Web 开发

81,094

社区成员

341,711

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章