在标签中添加样式

style=white-space:pre-line;

JavaScript

<script type="text/javascript">
    $(function(){
        function footerPosition(){
            $("footer").removeClass("fixed-bottom");
            //网页正文全文高度
            var contentHeight = document.body.scrollHeight,
            //可视窗口高度，不包括浏览器顶部工具栏
            winHeight = window.innerHeight;
            if(!(contentHeight > winHeight)){
            //当网页正文高度小于可视窗口高度时，为footer添加类fixed-bottom
            $("footer").addClass("fixed-bottom");
            } else {
            $("footer").removeClass("fixed-bottom");
            }
        }
        footerPosition();
        $(window).resize(footerPosition);
    });
</script>

CSS

.fixed-bottom {
position: fixed;
bottom: 0;
width:100%;
}

资料

面试问题 https://github.com/markyun/markyun/tree/master/Front-end-Developer-Questions/Question

http://changziming.com/post-209.html http://www.xuanfengge.com/12-kinds-of-commonly-used-in-mobile-interface-design-layout.html http://www.css88.com/book/css/properties/text/vertical-align.htm http://blog.csdn.net/ppqiaoping/article/details/52777285 http://www.cnblogs.com/tugenhua0707/p/5180841.html http://www.phpstudy.net/css3/ http://www.w3school.com.cn/cssref/index.asp#background http://www.108js.com/article/article9/90246.html?id=1307 http://www.108js.com/article/article7/70228.html?id=1352 http://blog.csdn.net/gongstrong123/article/details/50339249 https://zhidao.baidu.com/question/69214815.html http://bbs.csdn.net/topics/391044614?page=1 http://blog.csdn.net/shuawanxiao/article/details/46585043 http://blog.sina.com.cn/s/blog_6c72b2190102vjd0.html http://www.w3chtml.com/html/character.html http://blog.csdn.net/u013630488/article/details/49584235 http://www.runoob.com/try/bootstrap/layoutit/ http://plugins.krajee.com/file-input/demo#preview-icons https://www.zhihu.com/question/20790576 https://x5.tencent.com/tbs/ http://blog.csdn.net/xujie3/article/details/51860139 http://blog.csdn.net/bobobocai/article/details/72677927 https://github.com/kartik-v/bootstrap-fileinput http://blog.csdn.net/lvshaorong/article/details/48730145 http://blog.csdn.net/u012526194/article/details/69937741 http://www.bootcss.com/p/layoutit/ https://bootswatch.com/ http://www.bootcss.com/

html

基本信息

使html识别\n

HTML5将footer置于页面最底部的方法(CSS+JS)

资料