当前位置: 开发笔记 > 前端 > 正文

为什么浏览器不会呈现由"white-space:pre"元素中的尾部换行符引起的换行符？

作者：xiaoliangtang | 来源：互联网 | 2023-02-06 11:45

如何解决《为什么浏览器不会呈现由"white-space:pre"元素中的尾部换行符引起的换行符？》经验，请问有什么解决方案？

这两个div都呈现相同的效果.为什么呈现前导换行符而不是尾随换行符(在第二个div中)？我阅读了CSS3规范中的Line Breaking和Word Boundaries部分,但它没有解释这种行为.

.pre {
  white-space: pre;
  border: 1px solid red;
  margin-bottom: 10px;
}



hello
world


hello
world




    
        
                        css
                        html
                        html5
                    
    



    
        写下你的评论吧 !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
                                    
                
            
        

        
    

    
        推荐阅读
        
            
                                
                    
                        html5
                        HTML5 学习总结（二）——HTML5新增属性与表单元素
                    

                    
                                                
                        一、HTML5新增属性1.1、contextmenucontextmenu的作用是指定右键菜单。<!DOCTYPEhtml><html><head> ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2024-10-09 19:07:53
                    

                

                
                                
                    
                        html5
                        Html5-Canvas实现简易的抽奖转盘效果
                    

                    
                                                
                            
                        
                                                
                        本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果，同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码，并展示了实现的基本效果。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-13 06:02:20
                    

                

                                
                    
                    
                
                
                                
                    
                        html5
                        前端人员必须知道的三个问题及其发展阶段
                    

                    
                                                
                        本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-12 12:45:59
                    

                

                
                                
                    
                        html5
                        将两个内嵌块左右对齐放在同一行上 - Align two inline-blocks on same line, one to the left and one to the right
                    

                    
                                                
                        HowcanIaligntwoinline-blockssothatoneisleftandtheotherisrightonthesameline?Whyi ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 08:37:52
                    

                

                
                                
                    
                        html5
                        React图片输入框移动端网页_018
                    

                    
                                                
                            
                        
                                                
                        React-图片输入框-移动端网页gitHub地址觉得有参考价值，点个赞https:github.comxiaopingzh…目录结构.├──README.md├──dist│├─ ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 18:11:44
                    

                

                
                                
                    
                        html5
                        html5中template用法,html5标签
                    

                    
                                                
                        　　html5中template用法,html5标签　　一、HTML5template元素初面　　模板元素，基本上可以确定 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 16:16:46
                    

                

                
                                
                    
                        css
                        Python 内存管理机制详解
                    

                    
                                                
                            
                        
                                                
                        本文深入探讨了Python的内存管理机制，涵盖了垃圾回收、引用计数和内存池机制。通过具体示例和专业解释，帮助读者理解Python如何高效地管理和释放内存资源。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2024-12-22 19:27:56
                    

                

                
                                
                    
                        html5
                        WebSocket与Socket.io的理解
                    

                    
                                                
                            
                        
                                                
                        WebSocketprotocol是HTML5一种新的协议。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-12 19:35:15
                    

                

                
                                
                    
                        vue
                        吐槽:团队遣散，我们该何去何从？
                    

                    
                                                
                            
                        
                                                
                        写在最前：纯属吐槽，漫笔，勿喷！就在前些天，放工回家的路上，看到群信息，说：据说京东裁人了～，也是在上上月，也一度被传的沸沸扬扬的：阿里、京东、华为接踵被曝住手社招，音讯也是满天飘 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-16 10:50:36
                    

                

                
                                
                    
                        html5
                        FileReader详解与实例---读取并显示图像文件
                    

                    
                                                
                            
                        
                                                
                        我们曾经在《HTML5中File对象初探》中，使用到了FileReader，在那篇文章中，它被用来将一个文件读取为二进制字符串，并通过xhr发送到后端形成交互。作为FileAPI的一部 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-15 16:35:41
                    

                

                
                                
                    
                        html5
                        扩大微信小顺序 Page 组织函数，修正性命周期函数
                    

                    
                                                
                        不BB,直接正题一.将大众要领绑定到Page上单个绑定constoldPagePagePagefunction(app){注重大众函数的名字不要反复，不然掩盖app.utilfun ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 20:49:01
                    

                

                
                                
                    
                        html5
                        使用Html5开发Android和iOS应用：HBuilder、Html5Plus、MUI
                    

                    
                                                
                        活动主题：五一巨献，问答有礼，105QB送给IT互联网界的劳动人民活动时间：4月30日晚上10点~5月2日晚上10点网址：http:ask.jiutianniao.com ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 12:08:45
                    

                

                
                                
                    
                        html5
                        H5学习之二：深入探索video标签的使用技巧
                    

                    
                                                
                        <!DOCTYPEhtml><htmllang"en"><head><metacharset"UTF-8&qu ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 08:46:10
                    

                

                
                                
                    
                        html5
                        javascript – 关于微信浏览器的疑问
                    

                    
                                                
                            
                        
                                                
                        后端开发|php教程php,javascript,html5后端开发-php教程现在正在开发移动端webapp，遇到了比较麻烦的问题：用户输入帐号密码登陆后，自动跳转到首页,,QQ ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 09:55:00
                    

                

                
                                
                    
                        html5
                        在谷歌浏览器中禁用本机datepicker - Disable native datepicker in Google Chrome
                    

                    
                                                
                        DatepickerlandedonChrome20,isthereanyattributetodisableit?MyentiresystemusesjQuery ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 02:44:55

















    

    
        
            
            
                
                
            

            
                xiaoliangtang            

            
                将每一件小事做好、做成功、做极致，你就成长了！            


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    scroll
                
                                
                    react
                
                                
                    icons
                
                                
                    cookies
                
                                
                    firefox
                
                                
                    npm
                
                                
                    微信开发
                
                                
                    js
                
                                
                    base64
                
                                
                    overflow
                
                                
                    node.js
                
                                
                    dialog
                
                                
                    html
                
                                
                    javascript
                
                                
                    requirejs
                
                                
                    正则
                
                                
                    charts
                
                                
                    iframe
                
                                
                    上传
                
                                
                    firebug
                
                                
                    hover
                
                                
                    jquery
                
                                
                    vue.js
                
                                
                    css
                
                                
                    focus
                
                                
                    json
                
                                
                    ajax
                
                                
                    chrome
                
                                
                    html5
                
                                
                    vue
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    1Qt调用自己编译的libglog.a出现问题
                
                                
                    2第三周作业——在软件开发的早期阶段为什么要进行可行性研究？应该从哪些方面研究目标系统的可行性？
                
                                
                    3创建内部类
                
                                
                    4SocialFi 的未来：数据所有权、更公平的价值分配和行为数据的价值化
                
                                
                    5都说Kubernetes是未来，那未来到底是什么样子？
                
                                
                    6Css float 盒子模型 position
                
                                
                    7在IIS 7中使用myfakesite.com而不是localhost - use myfakesite.com instead of localhost in IIS 7
                
                                
                    8laravel 5.1是否兼容php7以上的版本
                
                                
                    9js转Java的list_使用JavaScript实现Java的List功能(实例讲解)
                
                                
                    10c语言中逗号表达式由什么分隔,c语言里的逗号表达式
                
                                
                    11php字符串如何去掉小数点
                
                                
                    12C# 输入法切换  C#中FormClosing与FormClosed的区别详细解析
                
                                
                    13关于银联则及终端则iso8583报文规范的理解
                
                                
                    14用计算机升级ipad系统软件,iPad如何升级系统?三种ipad升级系统的方法汇总
                
                                
                    15springcloud上传文件_开发者说：如何使用插件降低上传文件部署服务的复杂度