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

在同一行上左右对齐文本

作者：天佑土土土 | 来源：互联网 | 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
                    
    



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

        
    

    
        推荐阅读
        
            
                                
                    
                        css3
                        CSS3中如何使用background-size定义背景图片大小
                    

                    
                                                
                            
                        
                                                
                        CSS3中如何使用background-size定义背景图片大小？针对这个问题，今天小编总结这篇有关background-size属性的文章，可供感兴趣的小伙伴们参考借鉴 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 17:07:25
                    

                

                
                                
                    
                        css3
                        css3中rem 与px算法
                    

                    
                                                
                            
                        
                                                
                        看CCS文件的时候发现引入了一个新大小单位：rem，CSS文件里有介绍，看半天拿着手机计算了几下愣是没搞明白，怕是新东西搜出来的都是英文看着累就没找google，而是百度了一下，百度 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 13:08:19
                    

                

                                
                    
                    
                
                
                                
                    
                        html5
                        一款清新的jQuery日历插件 带日期的Tooltip提示
                    

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

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

                

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

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

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

                

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

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

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

                

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

                    
                                                
                        Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ...
                        [详细]
                    
                    

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

                

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

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

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

                

                
                                
                    
                        css3
                        怎么使用css3画三角形
                    

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

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

                

                
                                
                    
                        html5
                        你有什么见解
                    

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

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

                

                
                                
                    
                        css3
                        css3基础学习笔记
                    

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

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

                

                
                                
                    
                        css3
                        css设置尖角按钮
                    

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

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

                

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

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

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

                

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

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

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

                

                
                                
                    
                        css3
                        【前端开发系列】—— CSS3属性选择器总结
                    

                    
                                                
                            
                        
                                                
                        想想自己为什么要学CSS，作为一个开发过前端的人员来说，调试一个图片花了半天的时间，最后发现分隔符用错了，实在是一件很丢人的事情。因此，痛下决心来学习CSS，最近一周也会更新下相关的学习笔记。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 09:44:31
                    

                

                
                                
                    
                        css3
                        知识普及之：CSS: body{font-size: 62.5%;}这种写法为什么？？？
                    

                    
                                                
                        CSS:body{font-size:62.5%;}为什么？？？在网页设计中我们经常看见body{font-size:62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与p ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-25 20:24:32

















    

    
        
            
            
                
                
            

            
                天佑土土土            

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


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    chart
                
                                
                    firefox
                
                                
                    css
                
                                
                    overflow
                
                                
                    jquery
                
                                
                    textview
                
                                
                    ajax
                
                                
                    console
                
                                
                    hybrid
                
                                
                    icons
                
                                
                    vue.js
                
                                
                    build
                
                                
                    scheme
                
                                
                    layout
                
                                
                    dom
                
                                
                    chrome
                
                                
                    npm
                
                                
                    jq
                
                                
                    css3
                
                                
                    chart.js
                
                                
                    正则
                
                                
                    charts
                
                                
                    dialog
                
                                
                    focus
                
                                
                    scroll
                
                                
                    vue
                
                                
                    html5
                
                                
                    label
                
                                
                    svg
                
                                
                    node.js
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    1无线wifi网络企业微信认证解决方案
                
                                
                    2分析哪些因素会影响MOS管的使用性能？这些知识需要你务必牢记
                
                                
                    3如何在zsh中绑定CTRL + Enter？
                
                                
                    4Debian11系统怎么挂起? Debian11挂起系统的两种方法
                
                                
                    5无法连接虚拟设备sata0:1,因为主机上没有相应的设备可用
                
                                
                    6[ubuntu]Gedit修改文件后提示无法创建备份文件同时不能保存修改过后的文件
                
                                
                    7windows环境下端口被占用问题
                
                                
                    8对路径的访问被拒绝怎么办？
                
                                
                    9云服务器四核8G5M的多少钱
                
                                
                    10MOSS 2007 应用随笔（22）-- 搜索（一）启用搜索服务
                
                                
                    11云计算服务移动互联 产业爆发前的酝酿
                
                                
                    12Linux查看当前路径的命令是什么
                
                                
                    132021年电工（技师）作业考试题库及电工（技师）实操考试视频
                
                                
                    14Thrift架构~从图中理解thrift，它事实上是一种远程过程调用
                
                                
                    15一款线程安全、基本功能齐全的STL