HTML最大宽度和高度在IE中不起作用
你好家伙我试图设置一个最大宽度和高度,以便当我的数据在我的单元展开它不会超过这个大小....似乎并不工作HTML最大宽度和高度在IE中不起作用
/*styling for Data Extraction tool. */
table.data_extract
{
border: 3px DarkGray solid;
border-collapse: collapse;
}
td.data_extract,
table.data_extract td
{
border-color : DarkGray;
border-style : groove;
border-width : thin;
border: #000000 1px solid;
text-align: center;
font-size: 7.5pt;
white-space: normal;
max-width: 125px;
max-height: 75px;
background-color:#FFFFFF;
padding-left: 4px;
padding-right: 4px;
}
table.data_extract th
{
border: #000000 1px solid;
background-color:#DDDDD0;
text-align: center;
font-size: 8.5pt;
padding: 10px;
}
HTML:
<table align="center" class="data_extract vert_scroll_table" >
<tr>
<c:forEach var="heading" items="${results.headings}">
<th class="data_extract">${heading}</th>
</c:forEach>
</tr>
<c:forEach var="row" items="${results.data}">
<tr>
<c:forEach var="cell" items="${row}" varStatus="rowStatus">
<td class="data_extract">
<c:choose>
<c:when test="${results.types[rowStatus.index].array}">
<c:set var="comma" value="," />
<c:forEach var="elem" items="${cell}" varStatus="cellStatus">
<c:set var="myVar" value="${cellStatus.first ? '' : myVar} ${elem} ${cellStatus.last ? '' : comma}" />
</c:forEach>
<span class="mouseover_text" title="${myVar}">${myVar}</span>
</c:when>
<c:otherwise>
<c:choose>
<c:when test="${cell.class.name eq 'java.sql.Timestamp' }">
<fmt:formatDate value="${cell}" pattern="${date_pattern}" />
</c:when>
<c:otherwise>
${cell}
</c:otherwise>
</c:choose>
</c:otherwise>
</c:choose>
</td>
</c:forEach>
</tr>
</c:forEach>
</table>
我想你会需要告诉IE如何处理溢出,即overflow:hidden
。
如果您喜欢,您也可以尝试使用text-overflow:ellipsis
来表明文本已被剪辑。
我该怎么做......从来没有用过溢出 – 2012-02-23 19:38:05
它的尺寸很好......但是当我得到大量的数据时,单元变得太大了。 ..我只是想知道它得到的宽度是多少 – 2012-02-23 19:39:56
:)这是另一个CSS属性,你用'max-width'将它放入你的CSS中。 – 2012-02-23 19:50:38
首先要注意的是旧版本的IE不支持最大宽度/高度。新版本应该没问题。
其次,它取决于单元格的内容。如果内容必须超过最大宽度/高度约束以显示自身,那么它会。如果它不合适,它不会尝试切断图像的结尾,像李建议那样可以在这种情况下使用溢出。如果它是运行超过最大限制的文本,那么你可以使用css来包装它。
你应该发布你生成的HTML并告诉我们什么版本的IE – 2012-02-23 19:33:03
什么版本的IE? – Jrod 2012-02-23 19:33:51
IE8 .............. – 2012-02-23 19:34:57