仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 643|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:html教程:pre标志里内容主动换行

[复制链接]
灵魂腐蚀 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:55:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
更好的控制页面布局。不用多说。
网页制造poluoluo文章简介:这时候候,你可使用overflow:auto;(今世码超越容器界限的时分,显现转动框),但这个办法也其实不合用于一切支流扫瞄器,一些扫瞄器会间接截断超越的内容。
我们都晓得<pre>标签可界说预格局化的文本,一个罕见使用就是用来暗示盘算机的源代码。被包抄在pre元素中的文本一般会保存空格和换行符,但不幸的是,当你在<pre>标签内里写代码的时分,假如你没有手动换行,它也会给你保存,而不会主动换行。
这时候候,你可使用overflow:auto;(今世码超越容器界限的时分,显现转动框),但这个办法也其实不合用于一切支流扫瞄器,一些扫瞄器会间接截断超越的内容。

因为本站中利用源码的中央也不是良多,之前也不是很在乎这个成绩,前不久有位热情的网友在QQ上反应这个成绩,因而在趁此次改换主题时,寻觅了一下办理计划,分享之。
  1. 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技术的网页,对于搜索引擎的收录更加友好。
因胸联盟 该用户已被删除
沙发
发表于 2015-1-17 23:50:20 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
变相怪杰 该用户已被删除
板凳
发表于 2015-1-25 10:20:18 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
小魔女 该用户已被删除
地板
发表于 2015-2-2 21:52:31 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
灵魂腐蚀 该用户已被删除
5#
 楼主| 发表于 2015-2-8 08:08:31 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
admin 该用户已被删除
6#
发表于 2015-2-25 04:31:17 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
若相依 该用户已被删除
7#
发表于 2015-3-7 19:16:53 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
只想知道 该用户已被删除
8#
发表于 2015-3-15 12:58:18 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
精灵巫婆 该用户已被删除
9#
发表于 2015-3-22 01:11:14 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:04

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表