小编Log*_*gan的帖子

浏览器兼容的自动换行和空白:pre?

我需要div中的文本来保存和包装.到目前为止,我很难找到解决方案.我能找到的最佳解决方案并不适用于所有浏览器.

以下适用于Chrome和IE6 +,但在Firefox中,文本不包装.

 white-space: pre; 
 word-wrap: break-word;
Run Code Online (Sandbox Code Playgroud)

我发现无论出于何种原因,文本都不会在Firefox中包含white-space:pre.并且-moz-pre-wrap在Firefox 3.5中不起作用(为什么??),只是预先换行.但是当我在列表中添加预包装时,IE 6和7不起作用.很沮丧.

代码:

.introsub {
  position: relative;
  top: 30px;
  left: 25px;
  width: 550px;
  font-weight: normal;
  line-height: 1.5em;
  overflow: auto;
  margin: 0;
  padding: 1.5em; 
  white-space: pre; 
  word-wrap: break-word;
}
Run Code Online (Sandbox Code Playgroud)

css

24
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×1