表格不换行

.gridview{ 
font-size:12px;  
height:22px; /*/如果行高度想要更小,则font-size也要相应缩小   */
line-height:22px;    
table-layout:fixed;  
}

.gridview td{
    height:20px;
word-break:keep-all;    /* 不换行 */
white-space:nowrap;     /* 不换行 */
overflow:hidden;        /* 内容超出宽度时隐藏超出部分的内容 */
-o-text-overflow: ellipsis;
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
-moz-binding: url('${ctx}/css/ellipsis.xml#ellipsis');    /* Firefox */
}

<?xml version="1.0"?> 
<bindings  
  xmlns="http://www.mozilla.org/xbl" 
  xmlns:xbl="http://www.mozilla.org/xbl" 
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 

    <binding id="ellipsis"> 
        <content> 
            <xul:window> 
                <xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description> 
            </xul:window> 
        </content> 
    </binding> 
</bindings>

你可能感兴趣的:(表格)