2014-02-22 74 views
-2

我担心这是一个愚蠢的newbee问题,但我没有找到它(这里或其他地方)的任何信息:如何实现最大宽度指令IE?我已经详细阅读了最大宽度应用于图片时的错误,但是对于我的绝望,没有任何关于纯文本的内容。 在我的样式表,我有:最大宽度和IE

P {max-width: 600px} 

FirefoxChrome duely限制的文本行的长度600p X,但IE(V 8〜10)没有。 (我在不同的计算机上验证了这一点。) 我在做什么错?最大宽度不能应用于IE中的段落吗?

+1

你说的代码在哪里?显示一个重复问题的简明示例。你有没有尝试添加“宽度”? – Sparky

+0

更好阅读此​​链接.. http://msdn.microsoft.com/en-us/library/ie/ms530811(v=vs.85).aspx –

回答

-1

把宽度放在段落本身可能不是最好的做法,把它放在一个div。只要未设置初始宽度,IE 8就被认为不支持最大宽度。

+0

没有什么错误(或不好的做法)关于设置一个'宽度'在'p'上,并且将其放在'div'内不应该被要求。 – Sparky

0

关于什么:

p.paragraph { 
    display: block;   /* just to be sure - it's not needed */ 
    max-width: 600px;  /* for most modern browsers (not IE < 8) */ 
    width: auto !important; /* IE max-width hack */ 
    width: 600px;   /* width value for IE */ 
} 
0

你可能觉得奇怪的是,最大宽度是实际工作。如果您使用F12开发人员工具,并选择该元素,则会看到它的确是600像素(假设您填充的内容大于600像素)。

问题很可能是您的内容溢出了元素。如果你想要它剪辑,那么你应该设置overflow:hidden,或者overflow:auto看到一个滚动条。

看到这个小提琴:如果你想换行牢不可破文本

http://jsfiddle.net/nSJw9/

您还可以设置word-wrap:break-word,虽然在技术上CSS3更名为溢出包装,自动换行被认为是一种“替代名称“,因为它已经支持了这么久。

http://jsfiddle.net/XuF33/1/

仅供参考,铬不正是同样的事情在这里IE浏览器,所以我不知道为什么你要求它与Chrome,但不是IE浏览器。也许你需要包含你的HTML