td超出宽度隐藏用点显示的问题

0 0

td超出宽度隐藏用点显示的问题3

我设置了overflow 什么的但是没有效果还是一行显示

<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

.td1 {
	height:20px;
	width:200px;
	font-size: 12px;
	background: #ffffff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

 <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#b5d6e6" onmouseover="changeto()"  onmouseout="changeback()" >
         
         	<tr><td colspan="11" height="22" ><div align="center">用户信息表</div></td></tr>
          <tr >
            <td width="5%"  class="td2"> <input type="checkbox" name="checkbox" value="checkbox" /> </td>
            <td width="5%" class="td2">序号</td>
            <td width="18%" class="td2">登陆账号</td>
            <td width="18%" class="td2">用户名</td>
            <td width="18%" class="td2">所属角色</td>
            <td width="18%" class="td2">备注</td>
            <td width="18%" class="td2">操作</td>
          </tr>
         <s:iterator value="#session['userCol']" status="st">
         	<tr>
         		<td class="td1"><input type="checkbox" name="checkbox1" value="checkbox"/></td>
         		<td class="td1"><s:property value="#st.index+1"/></td>
	            <td class="td1"><s:property value="loginname"/> </td>
	            <td class="td1"><s:property value="username"/></td>
	            <td class="td1"><s:property value="roleNameView"/></td>
	            <td class="td1"><s:property value="userdes"/></td>//这里有很多字 但是不隐藏
	            <td class="td1">
	            	<a href="/dtjcsy/UserAction.action?uwm.submitFlag=toUpdate&tu.id=<s:property value="id"/>">修改</a>
	            	|
	            	<a href="/dtjcsy/pages/sys/DeleteUserInfo.jsp">删除</a>
	            </td>
         	</tr>
         </s:iterator>
        </table>

问题补充：

AngelAndAngel 写道

那现在的效果是挤着在么？
你宽度设小点试试

宽度大小没有用一样还是撑得很宽把别的挤在一起了

问题补充：

AngelAndAngel 写道

引用

<tr><td colspan="11" height="22" ><div align="center">用户信息表</div></td></tr>

你把这个去掉再试一下看一下效果怎样。

没有用啊

CSS

2011年9月03日 15:43

xx125556
0
0 0 0

4个答案按时间排序按投票排序

0 0

另外，在FF中，这个属性是没有用的

2011年9月03日 22:55

Rainbow702
859
0 0 2

添加评论

0 0

引用

text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）。只有这样才能实现溢出文本显示省略号的效果。

即需要同时应用：

引用

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;

这三个属性

2011年9月03日 22:54

Rainbow702
859
0 0 2