|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
更好的控制页面布局。不用多说。
网页制造poluoluo文章简介:这时候候,你可使用overflow:auto;(今世码超越容器界限的时分,显现转动框),但这个办法也其实不合用于一切支流扫瞄器,一些扫瞄器会间接截断超越的内容。
我们都晓得<pre>标签可界说预格局化的文本,一个罕见使用就是用来暗示盘算机的源代码。被包抄在pre元素中的文本一般会保存空格和换行符,但不幸的是,当你在<pre>标签内里写代码的时分,假如你没有手动换行,它也会给你保存,而不会主动换行。
这时候候,你可使用overflow:auto;(今世码超越容器界限的时分,显现转动框),但这个办法也其实不合用于一切支流扫瞄器,一些扫瞄器会间接截断超越的内容。
因为本站中利用源码的中央也不是良多,之前也不是很在乎这个成绩,前不久有位热情的网友在QQ上反应这个成绩,因而在趁此次改换主题时,寻觅了一下办理计划,分享之。- pre{white-space:pre-wrap;/*CSS-3*/white-space:-moz-pre-wrap;/*Mozilla,since1999*/white-space:-pre-wrap;/*Opera4-6*/white-space:-o-pre-wrap;/*Opera7*/word-wrap:break-word;/*InternetExplorer5.5+*/}
复制代码 该CSS计划可以让pre标签内的文本主动换行,我在我有的扫瞄器上都测试了一下,全体撑持,IE6,IE7,IE8,Firefox,Opera,Safari和Chrome。
仅当你把窗口减少到小于20个字符的宽度的时分,才会超越界限
别的,看到一些帖子也有分享这个CSS技能,说能办理长词换行的成绩,但我试了一下,仍是不可。
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。 |
|