在IE中的显示是好的，但在Safari浏览器崩溃

下面是我的代码，可以在IE 8上正常工作，但它不能在Safari 5上工作。文本在IE中打包并且div的布局正确放置在IE中。但在Safari上，一切都是一团糟。家伙请帮助我，使在Safari这项工作5在IE中的显示是好的，但在Safari浏览器崩溃

我想在Safari浏览器的布局，看起来像这样的画面 enter image description here

感谢提前:)

注：我只是说来自网络的示例网址，以使显示效果更好。

<html> 
<body> 
<div style="overflow:auto;width:200px;clear:both;border:1px black solid;padding:4px;"> 
     <div class="clsContainer div1" style="border:1px solid black;margin-right:3px;float:left;"> 
      <img src="http://www.scicomcommerce.com/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/m/y/my-computer.jpg" 
     alt="" style="height:50px;width:50px;"/>   
     </div> 
     <div class="clsContainer div2" style="float:left;"> 
      <div id="first" style="border:1px solid black;margin-bottom:3px;word-wrap:break-word;padding:2px;"> 
       The quick brown fox jumps over the lazy dog. 
     </div> 
      <div id="second" style="border:1px solid black;margin-top:8px;word-wrap:break-word;padding:2px;"> 
       ThisIsAVeryLongggggWordThatDoesNotWrapPleaseHelpMeSolveThisWordWrapIssueInSafari 
     </div> 
     </div> 
</div> 
</body> 
</html>

来源

2011-03-07 Carls Jr.

为什么，为什么你只使用内嵌样式？在这里：http://jsfiddle.net/Kyle_Sevenoaks/6vxkU/ – Kyle 2011-03-07 07:37:04

@Kyle：其实真正的代码是在一个单独的CSS文件中......我只是使用内联样式的这个样本布局，因为你可以看到它全部是假的。我假设你可能会建议为Safari浏览器进行黑客攻击。 :) – 2011-03-07 07:51:32

啊哈，在那种情况下，我建议告诉我们关于真实代码是什么样的：D现在，Safari（afaik）不支持'break-word'，所以要么必须找到JS解决方案或不使用真正的长词：D – Kyle 2011-03-07 07:53:14

你需要一个明确的宽度添加到您的#first和#second的div：

#first 
{ 
    width: 138px; 
    border:1px solid black; 
    margin-bottom:3px; 
    word-wrap:break-word; 
    padding:2px; 
} 

#second 
{ 
    border:1px solid black; 
    margin-top:8px; 
    width: 138px; 
    word-wrap:break-word; 
    padding:2px; 
}

Example for you here。经过Safari 5.0.3 for Windows测试。

但Safari浏览器迟迟不支持断字，所以你必须去用实际的话，现在:)

来源

2011-03-07 07:47:06 Kyle

这在safari中不起作用的原因是因为word-wrap : break-word尚未得到广泛支持。

阅读此篇更多灵感：word wrap in css/js

来源

2011-03-07 07:43:17

尼斯读... :)谢谢！ – 2011-03-07 08:14:20

在IE中的显示是好的，但在Safari浏览器崩溃

回答

相关问题