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

在同一行上左右对齐文本

作者：天佑土土土 | 来源：互联网 | 2023-01-19 14:23

如何解决《在同一行上左右对齐文本》经验，为你挑选了1个好方法。

接下来是在文本上方显示两条水平线。我需要的是在文本上方的一条水平线，在文本下方的一条水平线：

.alignleft {
  float: left;
}

.alignright {
  float: right;
}



  
  To Left: 1024-0038
  To Right: 01-15-131194
  





显示：一个hr应显示在文本下方，并且宽度应与另一个相同，且应覆盖整个div宽度。


1> Bricky..：
您可以轻松地保持对齐方式，并
使用div的边框替换元素，看起来更干净：





  To Left: 1024-0038
  To Right: 01-15-131194




    
        
                        css
                        css3
                        html
                    
    



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

        
    

    
        推荐阅读
        
            
                                
                    
                        css
                        一款清新的jQuery日历插件 带日期的Tooltip提示
                    

                    
                                                
                        一款清新的jQuery日历插件带日期的Tooltip提示543人浏览发表回复这是一款非常简单清新的jQuery日历插件，它并没有特别的日期或者时间选择功能，仅仅是展示一个简单的日历控件。这款jQu ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 16:29:28
                    

                

                
                                
                    
                        css
                        一篇文章搞定css3 3d效果
                    

                    
                                                
                            
                        
                                                
                        css33d学习心得卡片反转魔方banner图首先我们要学习好css33d一定要有一定的立体感通过这个图片应该清楚的了解到了x轴y轴z轴是什么概念了。首先先给大家看一个小 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 12:41:15
                    

                

                                
                    
                    
                
                
                                
                    
                        css
                        如何使用JavaScript动态设置CSS3属性值
                    

                    
                                                
                        这篇文章将为大家详细讲解有关如何使用JavaScript动态设置CSS3属性值，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 05:24:06
                    

                

                
                                
                    
                        css
                        试图实现向上箭头 - trying to achieve arrow pointing upwards
                    

                    
                                                
                        Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-09 19:41:30
                    

                

                
                                
                    
                        css
                        前端实用的CSS3技巧有哪些
                    

                    
                                                
                            
                        
                                                
                        本文小编为大家详细介绍“前端实用的CSS3技巧有哪些”，内容详细，步骤清晰，细节处理妥当，希望这篇“前端实用的CSS3技巧有哪些”文章能帮助大家 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-25 13:50:50
                    

                

                
                                
                    
                        css
                        怎么使用css3画三角形
                    

                    
                                                
                            
                        
                                                
                        小编给大家分享一下怎么使用css3画三角形，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！首先看一下css3画三角形的原理我们先来看 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-25 07:28:58
                    

                

                
                                
                    
                        css
                        你有什么见解
                    

                    
                                                
                            
                        
                                                
                        本文主要介绍关于html5,css3的知识点，对【关于雾霾网站设计】和【你有什么见解】有兴趣的朋友可以看下由【-你在暮色中】投稿的技术文章，希望该技术和经验能帮到你解决你所遇的【】相关技术问题。你有 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 13:40:19
                    

                

                
                                
                    
                        css
                        css3基础学习笔记
                    

                    
                                                
                        1、给边框加上圆角及阴影，如下代码：<!DOCTYPEhtmlPUBLIC"-W3CDTDHTML4.01TransitionalEN"" ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 19:38:46
                    

                

                
                                
                    
                        css
                        css设置尖角按钮
                    

                    
                                                
                        http:js.alixixi.coma2014021292298.shtmlhttp:w3cshare.comexample?pid134http:w3cshare.comc ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 13:26:50
                    

                

                
                                
                    
                        css
                        在DIV内垂直居中UL - Centering Vertically an UL inside a DIV
                    

                    
                                                
                            
                        
                                                
                        iamtryingtomakeanavigationmenuinsidea200pxx200pxsquare,thisnavigationlist(UL)chang ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-16 19:05:52
                    

                

                
                                
                    
                        css
                        CSS3是怎么实现全景特效？
                    

                    
                                                
                        很有意思的全景动画：（直接上代码）html部分：<div><div>css部分：.panorama{width:300px;hei ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-16 12:37:52
                    

                

                
                                
                    
                        css
                        CSS3如何实现loading预加载动画特效
                    

                    
                                                
                        小编给大家分享一下CSS3如何实现loading预加载动画特效，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-16 12:05:33
                    

                

                
                                
                    
                        css
                        VScode格式化文档换行或不换行的设置方法
                    

                    
                                                
                            
                        
                                                
                        本文介绍了在VScode中设置格式化文档换行或不换行的方法，包括使用插件和修改settings.json文件的内容。详细步骤为：找到settings.json文件，将其中的代码替换为指定的代码。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-14 17:15:38
                    

                

                
                                
                    
                        css
                        基于layUI的图片上传前预览功能的2种实现方式
                    

                    
                                                
                            
                        
                                                
                        本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-14 17:06:58
                    

                

                
                                
                    
                        css
                        CSS3实现背景颜色渐变
                    

                    
                                                
                        background:-webkit-gradient(linear,10%10%，100%100%， ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-25 18:49:33

















    

    
        
            
            
                
                
            

            
                天佑土土土            

            
                这个家伙很懒，什么也没留下！            


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    vue
                
                                
                    react
                
                                
                    postman
                
                                
                    checkbox
                
                                
                    hover
                
                                
                    微信开发
                
                                
                    firebug
                
                                
                    scroll
                
                                
                    bootstrap
                
                                
                    textview
                
                                
                    ajax
                
                                
                    正则
                
                                
                    charts
                
                                
                    chart
                
                                
                    上传
                
                                
                    json
                
                                
                    console
                
                                
                    javascript
                
                                
                    html
                
                                
                    node.js
                
                                
                    hybrid
                
                                
                    view
                
                                
                    overflow
                
                                
                    focus
                
                                
                    js
                
                                
                    webkit
                
                                
                    firefox
                
                                
                    icons
                
                                
                    css3
                
                                
                    css
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    1python之poc编写——sql篇
                
                                
                    2OrbitDBPeer 2 Peer Database using CRDTs
                
                                
                    3如何将字体大小设置为“更大”或系统默认值的140%
                
                                
                    4elixir erlang_适用于Erlang和Elixir系统的FIPS
                
                                
                    5【高级数据结构】线段树 | 求区间和
                
                                
                    6BZOJ 1260: 涂色paint( 区间dp )
                
                                
                    7Steam++ 2.7.2 已经发布，Steam 工具箱
                
                                
                    8golang源码分析调度概述
                
                                
                    9难得的国产优秀清单工具推荐：滴答清单(TickTick)
                
                                
                    10html 表单提交 onsubmit 不起作用,jsp中 表单提交 onsubmit 掉js中的方法不生效
                
                                
                    11全部博客论坛下载头条学院 装kaldi时在make那一步总报libtool is not installed.的错 求指点！
                
                                
                    12Hadoop （CDH4发行版）集群部署 （部署脚本，namenode高可用，hadoop管理）
                
                                
                    13Java B组蓝桥杯第十届国赛：最长子序列
                
                                
                    14Windows 7下安装Oracle 11g相关问题解决方法
                
                                
                    15Abp+MongoDb改造默认的审计日志存储位置