pre 自动换行的问题
网站建设 2023-01-28 21:38www.1681989.com免费网站
本站文章中使用了 pre 格式输出 代码。 而浏览器默认是强制不换行输出 pre 里的内容。这样的话，代码一长就出现了撑到页面外部的样子。在之前我都是有意的在代码里强制换行... 累啊. 今天有意的google了下，找到了
pre {
whitewhite-space: pre-wrap; / css-3 /
whitewhite-space: -moz-pre-wrap; / Mozilla, sce 1999 /
whitewhite-space: -pre-wrap; / Opera 4-6 /
whitewhite-space: -o-pre-wrap; / Opera 7 /
word-wrap: break-word; / Inter Explorer 5.5+ /
}
经测试，除IE[当前使用6]外, 其他可以.... 郁闷，然后增加 width:600px; 后，ok,.换行了，其实位置还是衍生出去了。样子是这样的 代码是在里面了，但狼蚁网站SEO优化的叙述性的东西却出了去。在说，定义一个这个宽度也不是个好的方法，其他的不直接改这个css的方法基本没有了。
然后看上面css想到， 为什么定义其他的都用 white-space 而定义 IE 的不使用呢? 又不是IE 不支持。。于是加上就可以了[翻了google的前5页, 没找到一个改css解决的...汗]。
pre {
whitewhite-space: pre-wrap; / css-3 /
whitewhite-space: -moz-pre-wrap; / Mozilla, sce 1999 /
whitewhite-space: -pre-wrap; / Opera 4-6 /
whitewhite-space: -o-pre-wrap; / Opera 7 /
word-wrap: break-word; / Inter Explorer 5.5+ /
whitewhite-space : normal ; / Inter Explorer 5.5+ /
}
至于本站上使用的是把ie和其他的分开了，因为white-space 在也都作用于其他了....
pre {
whitewhite-space: pre-wrap; / css-3 /
whitewhite-space: -moz-pre-wrap; / Mozilla, sce 1999 /
whitewhite-space: -pre-wrap; / Opera 4-6 /
whitewhite-space: -o-pre-wrap; / Opera 7 /
}
html pre {
word-wrap: break-word; / Inter Explorer 5.5+ /
whitewhite-space : normal ; / Inter Explorer 5.5+ /
}
复制代码
代码如下:pre {
whitewhite-space: pre-wrap; / css-3 /
whitewhite-space: -moz-pre-wrap; / Mozilla, sce 1999 /
whitewhite-space: -pre-wrap; / Opera 4-6 /
whitewhite-space: -o-pre-wrap; / Opera 7 /
word-wrap: break-word; / Inter Explorer 5.5+ /
}
经测试，除IE[当前使用6]外, 其他可以.... 郁闷，然后增加 width:600px; 后，ok,.换行了，其实位置还是衍生出去了。样子是这样的 代码是在里面了，但狼蚁网站SEO优化的叙述性的东西却出了去。在说，定义一个这个宽度也不是个好的方法，其他的不直接改这个css的方法基本没有了。
然后看上面css想到， 为什么定义其他的都用 white-space 而定义 IE 的不使用呢? 又不是IE 不支持。。于是加上就可以了[翻了google的前5页, 没找到一个改css解决的...汗]。
复制代码
代码如下:pre {
whitewhite-space: pre-wrap; / css-3 /
whitewhite-space: -moz-pre-wrap; / Mozilla, sce 1999 /
whitewhite-space: -pre-wrap; / Opera 4-6 /
whitewhite-space: -o-pre-wrap; / Opera 7 /
word-wrap: break-word; / Inter Explorer 5.5+ /
whitewhite-space : normal ; / Inter Explorer 5.5+ /
}
至于本站上使用的是把ie和其他的分开了，因为white-space 在也都作用于其他了....
复制代码
代码如下:pre {
whitewhite-space: pre-wrap; / css-3 /
whitewhite-space: -moz-pre-wrap; / Mozilla, sce 1999 /
whitewhite-space: -pre-wrap; / Opera 4-6 /
whitewhite-space: -o-pre-wrap; / Opera 7 /
}
复制代码
代码如下:html pre {
word-wrap: break-word; / Inter Explorer 5.5+ /
whitewhite-space : normal ; / Inter Explorer 5.5+ /
}
上一篇：CSS3 box-sizing属性
下一篇：样式表达式实现交替显示table行颜色
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销