免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

用pre标签可省略转行代码br

本帖最後由 rainbow 於 2018-12-27 14:58 編輯
用pre标签可省略转行代码br

  自从5d6d常常关门之后,觉得5d6d已经不是一个长久之地,于是找到了新栏目作为“暂时歇脚点”(wf语,2012-11-6 13:09 帖子:http://boansonnet.haotui.com/thread-6662-1-2.html)。

  为什么说是“暂时歇脚点”呢?因为当时大家已经习惯了5d6d的操作方式,来到新论坛必须重新适应新的操作环境, 觉得以后还是要回到使用了近5年的5d6d旧论坛。直到最后5d6d真的停办,转到好推网也极不稳定,常常关门之后,大家才很不情愿的不得不陆陆续续搬到了新论坛,之后大家也发现了新论坛的不少好处了:帖子不会无故被人删,转行不用br,抄他人的代码只要一quote就可以了,每天打开网页,哪些帖子未读,一目了然,这比5d6d确实方便得多。渐渐的大家也把“新栏目”不太方便之处忘记了,例如:浏览器兼容性问题,帖子总宽较小,常常看不到左边或右边一截; 代码必须连续写,不可分行,不方便检查,……等等。所以即使后来又找到了一个使用与5d6d同样操作系统的“老校友”,大部分网友都还不愿意在“老校友”贴帖; 理由是:“习惯了新栏目”、“忘了”5d6d的操作方法、“老校友”转行要br“太烦了”。这也许都是老年人的共同特点吧? 哈哈,其实我也一样,直到现在我还是不愿意抛弃windows xp和IE8,——总之若非逼不得已就是不愿意改变现状!

  从此“暂时歇脚点”变成了“常驻点”。甚至有网友追问,为何有了“新论坛”还再搞一个“老校友”,加上“好推网”等等,真是太多、太分散了!其实,网络自由,爱去哪里就去哪里,多一个选择不更好吗?而实际上我也更喜欢power discuz的操作方式(即5d6d的操作系统),我觉得比新栏目更为方便,功能更强大。虽然“新栏目”可以省去使用br,但恰恰这就是新栏目系统的败笔所在,它逼使你必须把代码连起来写,这对于编辑和检查代码来说是极其不方便的,甚至比多加br更麻烦。

  那么有没有两全其美的办法:既不用加br使文字分行,又可以不必把代码代码连起来贴呢?答案是:有!在“老校友”里使用pre这个代码就ok了,不信请看以下代码:

  1. <center>
  2. <div style="width:780px; border:3px #0070c0 solid">
  3. <br>
  4. <div style="padding-top:30px; FONT-SIZE:24pt; COLOR:#800080; LINE-HEIGHT: 150%; FONT-FAMILY: 新细明体; font-weight: bold" align=center>50家违法违规网站及公众号被关闭</div>
  5. <div style="padding-top:30px; FONT-SIZE:16pt; COLOR:#003399; LINE-HEIGHT: 150%; FONT-FAMILY: 新细明体; font-weight: bold" align=center>(摘选自腾讯新闻)</div>
  6. <pre style="padding:20px; FONT-SIZE:16pt; COLOR:#003399; LINE-HEIGHT: 150%; FONT-FAMILY: 新细明体,tahoma; font-weight: bold; width:700px; text-align:left; white-space: pre-wrap">国家互联网信息办公室1月13日公布了近期被依法关闭的一批网站、栏目和微信公众账号。这是国家网信办今年首次集中公布相关信息。
  7. 据了解,共有50家网站、频道(栏目)以及微信公众账号被依法关闭,包括24家网站、9个网站频道(栏目)和17个微信公众号。
  8. 据介绍,有关网站、频道(栏目)、微信公众账号被关闭的原因包括:假冒党政机关或媒体名义发布虚假信息;发布涉赌博、诈骗等违法信息;传播淫秽色情内容;不具备登载时政新闻资质违规登载时政新闻等。
  9. 其中,中国新闻报网、政府法制网存在未备案或不具备登载时政新闻资质等问题;微信公众号“中纪委巡视组”、“地方巡视组举报平台”、“人民曰报”等假冒党政机关或媒体名义发布虚假信息;新浪网“日娱频道”、腾讯网“性感热图”栏目、迅雷弹窗“资讯”栏目刊登淫秽、低俗视频图片、信息;微信公众号“A女皇本色”、“代开正规票”、“香港站”、“猛将气玻璃bb弹co2铜珠”等涉嫌传播淫秽色情、发布涉贩卖假发票、赌博、枪支等违法信息。
  10. 国家网信办依法处理的网站、栏目、微信公众号名单
  11. 一、近期依法查处24家违法违规网站名单
  12. (一)关闭未备案网站10家
  13. 1、宁视网(www.nxnet.net)
  14. 2、易读库(tvsbbs.com)
  15. 3、中国新闻报网(www.chinanewsbao.org)
  16. 4、伊人成人综合网(www.yiren33.com)
  17. 5、胜天虹玩具小商品批发 (www.zmdcom.cn )
  18. 6、中国民生热线网(www.srxw.cn)
  19. 7、法制网(www.whbxw.net)
  20. 8、色五月(www.456liv.com)
  21. 9、AV小次郎(qusemm.com)
  22. 10、特价机票打折网( www.bjsdwe.com)
  23. (二)关闭已备案网站14家
  24. 11、中宣网 (www.zxw001.com)
  25. 12、强军网 (www.qiangjun.cc)
  26. 13、政府法制网(www.govlaw.com.cn)
  27. 14、雷霆01军事网 (www.leiting01.com)
  28. 15、四代军事网 (www.4dmil.com)
  29. 16、360军事网(www.360junshi.com)
  30. 17、久久军事网 (www.99mil.com)
  31. 18、中国舆论监督网(www.yuluncn.net)
  32. 19、中国正义反复网(www.fanfulianzheng.net)
  33. 20、民盟军事网(www.mmgzsw.com)
  34. 21、淘宝十一周年庆典 (taobkfc.com)(www.taobaofpw.com)
  35. 22、五月婷婷 (www.seh8.com)
  36. 23、四月天军事网(www.8888day.com)
  37. 24、红山妖军事网(www.hong111.com)
  38. 二、依法关闭的9个网站频道(栏目)名单
  39. 中国产业经济信息网陕西频道、新浪网“日娱”频道、新浪网“娱乐图库”栏目、凤凰网“播客”频道、腾讯网“性感热图”栏目、17173网“818游戏之外”频道、酷6网“主题”栏目、PPTV网“娱乐”频道、迅雷弹窗资讯栏目
  40. 三、依法关闭的17个微信公众账号名单
  41. 中纪委巡视组、地方巡视组举报平台、人民曰报、港澳日报、微立方微圈助手、微圈助手、微信视圈、A女皇本色、东京热不热、男色荷尔蒙、香港站、代开正规票、猛将气玻璃bb弹co2铜珠、阅品味、谈资、路边社、和平演进。
  42. </pre>
  43. </div>
  44. </center>
複製代碼

这个代码显示出來的效果请点击浏览:http://boanson.orzweb.net/viewthread.php?tid=1423&extra=page%3D1

这个代码里文字的段落分行和转行完全不用br,而代码也不用连起来,检查起来多方便省事!关键就在于文字前用了这个语法,

<pre style="padding:20px; FONT-SIZE:16pt; COLOR:#003399; LINE-HEIGHT: 150%; FONT-FAMILY: 新细明体,tahoma; font-weight: bold; width:700px; text-align:left; white-space: pre-wrap">

注意文字後面别漏了关闭码</pre>哦!

pre标签的定义:<pre>标签用来定义预格式化的文本,被包围在pre标签中的文本通常会保留空格和换行符, 而文本也会呈现出等宽字体。

备注:用PRE代码时必须加上自动转行代码 white-space:pre-wrap ,否则在chrome浏览器里width失效;文字不会自动转行而穿出边框。




本帖最後由 rainbow 於 2017-10-13 12:53 編輯
  编辑图片与文字时使用pre标签亦可以省去所有br,使代码更简洁,以下图片以丁发兄的帖子里的图片为例,代码如下:
  1. <center>
  2. <pre style="FONT-SIZE:16pt; COLOR:#003399; LINE-HEIGHT: 150%; FONT-FAMILY: 新细明体,tahoma; font-weight: bold; width:700px; text-align:center"><IMG style="BORDER-BOTTOM: #006000 6px solid; BORDER-LEFT: #006000 6px solid; BORDER-TOP: #006000 6px solid; BORDER-RIGHT: #006000 6px solid" src="http://i.imgur.com/AHmJRSl.jpg" title="IMG_0013-2.jpg" width=650>
  3. 今日的芝拉扎侨民学校子弟 ↑
  4. <IMG style="BORDER-BOTTOM: #006000 6px solid; BORDER-LEFT: #006000 6px solid; BORDER-TOP: #006000 6px solid; BORDER-RIGHT: #006000 6px solid" src="http://i.imgur.com/Q1aMnyO.jpg" title="IMG_0010-8.jpg" width=650>
  5. 价廉物美的海鲜火锅 ↑
  6. <IMG style="BORDER-BOTTOM: #006000 6px solid; BORDER-LEFT: #006000 6px solid; BORDER-TOP: #006000 6px solid; BORDER-RIGHT: #006000 6px solid" src="http://i.imgur.com/u42GZfK.jpg" title="IMG_0006-17.jpg" width=650>
  7. 热腾腾的羊肉煲 ↑
  8. <IMG style="BORDER-BOTTOM: #006000 6px solid; BORDER-LEFT: #006000 6px solid; BORDER-TOP: #006000 6px solid; BORDER-RIGHT: #006000 6px solid" src="http://i.imgur.com/nsrDLze.jpg" title="IMG_0011-6.jpg" width=650>
  9. 美 味 的 文 昌 鸡 ↑ </pre></center>
複製代碼
效果如下:

今日的芝拉扎侨民学校子弟  ↑
 

价廉物美的海鲜火锅  ↑ 

 
热腾腾的羊肉煲  ↑ 


美 味 的 文 昌 鸡  ↑ 


TOP

返回列表