ie8中的css max-width问题答案

【问题标题】：Trouble with css max-width in ie8ie8中的css max-width问题
【发布时间】：2015-06-28 13:39:35
【问题描述】：

我在使用 ie8 中的 css max-width 属性来调整 gridview 中的列大小时遇到问题。

这是我的代码：

在 css 文件中：

.gridMaxMinWidth
{
        max-width: 300px;
        min-width: 100px;
        word-wrap: break-word
}

然后我把这个属性放到aspx页面中GridView的BoundField中：

    <asp:BoundField DataField="Notes" HeaderText="Notes" SortExpression="Notes" 
ItemStyle-CssClass="gridMaxMinWidth" meta:resourcekey="BoundFieldResource12" />

在 IE10 中，该列显示为 300 像素宽，文本包裹得很好，但在 IE8 中，该列保留了很长的长度，没有换行。知道可能出了什么问题吗？

谢谢

【问题讨论】：

stackoverflow.com/questions/17392265/css-max-width-in-ie8的可能重复

标签： html asp.net css internet-explorer-8

【解决方案1】：

你还需要给它一个宽度，在这种情况下 width: 100% 最好。

【讨论】：

'width: 100%' 需要放在 .gridMaxMinWidth 元素中还是作为 BoundField 中的属性？
它应该放在 .gridMaxMinWidth CSS 中。旁注，IE8 是（据我所知）唯一需要宽度的浏览器：100%。
它似乎不起作用。此代码在 IE10 中有效，但在 IE8 和 IE9 中，列宽都没有缩短。我已经清除了缓存，顺便说一句，它仍然有这个问题。
感谢您的尝试！ :)

【解决方案2】：

尝试将其添加到顶部。

<!DOCTYPE html>
<html>
 <head>

【讨论】：