zoukankan      html  css  js  c++  java
  • 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://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">  
    <style>  
    body{  
    background: #e5e4db;   
    }  
    .container{  
    width:80%;  
    }  
    pre{  
    line-height: normal;  
    font-family: "Helvetica Neue", Helvetica, "Lucida Grande", "Luxi Sans", Arial, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei Mono", LiGothicMed;  
    font-size:16px;  
    background-color:#f6f4ec;  
    white-space: pre-wrap;  
    word-wrap: break-word;  
    }  
    </style>  
    </head>  
    <body>  
    <div class="container">  
    <pre >  
    这个地方把txtbook文字Copy粘帖进来就行  
    </pre>  
    </div>  
    </body>  
    </html>  


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

  • 相关阅读:
    flask-模型
    git配置
    windows 下mysql安装
    Python安装
    django部署(gunicorn版本)
    【草稿】 PYTHON 基本知识
    【草稿】简单的python脚本监控ORACLE数据并邮件通知,WIN操作系统下
    orcle linux怎么登陆?全局表空间统计信息怎么查看?表空间内表的统计信息怎么看?数据表的字段怎么查?
    计算机基础篇
    构建乘积数组
  • 原文地址:https://www.cnblogs.com/dhcn/p/7115234.html
Copyright © 2011-2022 走看看