如何使用CSS在HTML文档中插入换行符

作者：农大军乐团_697 | 2023-09-05 16:24

如何解决《如何使用CSS在HTML文档中插入换行符》经验，为你挑选了3个好方法。

我正在编写一个Web服务,我希望将数据作为XHTML返回.因为它是数据,而不是标记,我想保持它非常干净 - 没有额外的

s或s.但是,为了方便开发人员,我还希望在浏览器中使返回的数据合理可读.要做到这一点,我认为一个好的方法是使用CSS.

我特别想要做的是在某些地方插入换行符.我知道display:block,但它在我正在尝试处理的情况下并不真正起作用 - 带有字段的表单.像这样的东西:


  Thingy 1: 
  Thingy 2: 
  Thingy 3: 
  Thingy 4:

我想要渲染,以便每个标签显示在与相应输入字段相同的行上.我试过这个:

input.a:after { content: "\a" }



但这似乎没有做任何事情. 


1> BrewinBomber..：
最好将所有元素包装在标签元素中,然后将css应用于标签.:before和:after伪类不是以一致的方式完全支持的.

标签标签具有很多优点,包括增加可访问性(在多个级别上)等等.


    Thingy one: ;



然后在标签元素上使用CSS ...

label {display:block;clear:both;}

        
(当您在输入元素周围包装标签时,不需要for ="one".) 
软件具有一致的启动和停止指标更好. 

2> Jim..：
表单控件由浏览器专门处理,因此很多东西不一定能正常工作.其中一个是生成的内容 - 它不适用于表单控件.而是将标签包装并使用label:before { content: '\a' ; white-space: pre; }.您也可以通过浮动所有内容并添加clear: left到元素来实现.

        
反斜杠后跟十六进制数字被解释为字符引用.`A`是Unicode中的第十个字符,它是换行符. 
@AlexisWilke添加到Jim解释的内容:A = 10十六进制(如0xA)和Unicode 10的Unicode是换行符.他们没有选择明确地选择`\ a`而非`\n`. 

3> Jon Galloway..：
看起来你有一堆你希望在列表中显示的表单项,对吧？嗯...如果只有那些HTML规范的人想过要包含标记来处理项目列表......

我建议你这样设置:


  
    Thingy 1:
    Thingy 1:
 



然后CSS变得更容易了.

        
不要忘记你的标签"for"属性,如果省略它们,那么首先使用标签是没有意义的,因为它与输入元素没有任何关系. 
要进行跟进,您还可以将输入(或选择等)元素嵌套在标签内,并安全地省略"for"属性.



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        通用方法处理IEnumerable与泛型类型不同
                    

                    
                                                
                        如何解决《通用方法处理IEnumerable与泛型类型不同》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        理解JavaScript中的类关键字
                    

                    
                                                
                        如何解决《理解JavaScript中的类关键字》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在数据库中的Yii2会话存储,行太多了？性能？
                    

                    
                                                
                        如何解决《在数据库中的Yii2会话存储,行太多了？性能？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        这个对象能够告诉它有多少属性不是null/whitespace/empty有什么问题？
                    

                    
                                                
                        如何解决《这个对象能够告诉它有多少属性不是null/whitespace/empty有什么问题？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在javascript中将字节数组转换为十六进制字符串转换
                    

                    
                                                
                        如何解决《在javascript中将字节数组转换为十六进制字符串转换》经验，为你挑选了3个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        添加FXML中定义的元素以循环列出
                    

                    
                                                
                        如何解决《添加FXML中定义的元素以循环列出》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用preg_split分割和弦和单词
                    

                    
                                                
                        如何解决《使用preg_split分割和弦和单词》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在点图表中清除绘制的值？
                    

                    
                                                
                        如何解决《如何在点图表中清除绘制的值？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Rails:validates_length_of
                    

                    
                                                
                        如何解决《Rails:validates_length_of》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在Typescript接口文件中表示返回类型？
                    

                    
                                                
                        如何解决《如何在Typescript接口文件中表示返回类型？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        从@EmbeddedId类中提取超类时,实体没有持久的id属性
                    

                    
                                                
                        如何解决《从@EmbeddedId类中提取超类时,实体没有持久的id属性》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用Volley请求发送身份验证信息
                    

                    
                                                
                        如何解决《使用Volley请求发送身份验证信息》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在java age计算中返回错误的值
                    

                    
                                                
                        如何解决《在javaage计算中返回错误的值》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在API级别19以下的Android中选择文件或图像时,如何限制Google驱动器选项不显示？
                    

                    
                                                
                        如何解决《在API级别19以下的Android中选择文件或图像时,如何限制Google驱动器选项不显示？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        访问包含在匿名类型或Object类中的字段
                    

                    
                                                
                        如何解决《访问包含在匿名类型或Object类中的字段》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        无法让pyspark作业在hadoop群集的所有节点上运行
                    

                    
                                                
                            
                        
                                                
                        如何解决《无法让pyspark作业在hadoop群集的所有节点上运行》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        将"Arial"设置为Sitecore文本编辑器中的默认字体
                    

                    
                                                
                        如何解决《将"Arial"设置为Sitecore文本编辑器中的默认字体》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用高级API从特定偏移量开始读取kafka消息
                    

                    
                                                
                        如何解决《使用高级API从特定偏移量开始读取kafka消息》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        试图在MultiDex应用程序中测试Android模块,com.android.test.runner.MultiDexTestRunner无法识别
                    

                    
                                                
                        如何解决《试图在MultiDex应用程序中测试Android模块,com.android.test.runner.MultiDexTestRunner无法识别》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        CSS放在名称的圆圈第一个字母中
                    

                    
                                                
                            
                        
                                                
                        如何解决《CSS放在名称的圆圈第一个字母中》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

    
        吐了个 "CAO" !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
























    

    
        
            
            
                
                    
                
            

            
                农大军乐团_697            

            
                这个屌丝很懒，什么也没留下！            
            
            

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    ajax
                
                                
                    bootstrap
                
                                
                    chart
                
                                
                    chrome
                
                                
                    css
                
                                
                    css3
                
                                
                    firebug
                
                                
                    firefox
                
                                
                    html
                
                                
                    html5
                
                                
                    javascript
                
                                
                    jquery
                
                                
                    json
                
                                
                    node.js
                
                                
                    npm
                
                                
                    postman
                
                                
                    vue.js
                
                                
                    webkit
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1Fastlane提供配置文件疯狂
                
                                
                    2如何在swift中向服务器发出HTTPS请求？
                
                                
                    3Spark:每个执行程序的核心对应用程序运行时没有影响
                
                                
                    4套接字编程 -  listen()和accept()之间有什么区别？
                
                                
                    5如何访问超出范围的变量？
                
                                
                    6多个字段的单个parsley.js错误消息
                
                                
                    7无法使用Laravel 5迁移添加外键约束
                
                                
                    8与骆驼案相关的Laravel多态关系问题
                
                                
                    9如果它们通过java包装在缓冲区中,我是否必须明确关闭所有流？
                
                                
                    10std ::成员指针行为的元组
                
                                
                    11dask包没有使用所有核心？备择方案？
                
                                
                    12如何比较PL/SQL过程中的日期？
                
                                
                    13如何将Laravel输出的日期格式更改为JSON？
                
                                
                    14空指针异常,只有当我尝试数组形式的类型时
                
                                
                    15具有全宽边框的嵌套列表项？
                
                                
                    16文档转换Watson服务无法正常工作？
                
                                
                    17使用VBA打开受密码保护的工作簿
                
                                
                    18将JSONPath过滤器应用于具有空格的字段
                
                                
                    19WebStorm:模块未在package.json依赖项中列出
                
                                
                    20将值分配给Pandas中的多个列







    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6 

    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved  devBox.cn 开发工具箱  版权所有