txtbook简单HTML可读化改造

       一般来讲下载的txtbook在notepad或者之类的文本编辑器下的阅读体验不是很好,PC上面专门装个txt阅读器好像有点杀鸡用牛刀,可以用HTML简单处理一下就可以放在浏览器下爽快的阅读了,这个操作主要用两个东西:一个pre元素,这个元素封装的文本可以保留txt的空格和换行,这下就爽了,那么长的文本书不用在里面做格式化处理了,剩下的居中、文本、换行等排版处理我用了Bootstrap2版本中的container元素,直接用一个class为container的div把pre元素包裹了,读起来就基本Ok了,剩下的再自定制处理可以在css link元素后面再对container元素做一下细调就Ok了。

来个简单模板吧:

<html>
<head>
<link href="http://libs.baidu.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
<style>
.container{
width:800px;
}
pre{
font-family:  "Microsoft YaHei",Verdana,SimSun, Arial, Tahoma, sans-serif, serif;
font-size:16px;
}
</style>
</head>
<body>
<div class="container">
<pre > 
这个地方把txtbook文字Copy粘帖进来就行
</pre>
</div>
</body>
</html>


估计有人会说这个从技术上有点杀机用牛刀,不过从代码上讲.link一个成熟的东西要比自己写简单多了。

你可能感兴趣的:(txtbook简单HTML可读化改造)