首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

在同一行上左右对齐文本

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

推荐阅读
  • html

    CSS3中如何使用background-size定义背景图片大小

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

    css3中rem 与px算法

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

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

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

    一篇文章搞定css3 3d效果

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

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

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

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

    Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ... [详细]
  • html

    前端实用的CSS3技巧有哪些

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

    怎么使用css3画三角形

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

    你有什么见解

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

    css3基础学习笔记

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

    css设置尖角按钮

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

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

    在DIV内垂直居中UL - Centering Vertically an UL inside a DIV
    iamtryingtomakeanavigationmenuinsidea200pxx200pxsquare,thisnavigationlist(UL)chang ... [详细]
  • html

    CSS3是怎么实现全景特效？

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

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

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

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

    CSS:body{font-size:62.5%;}为什么？？？在网页设计中我们经常看见body{font-size:62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与p ... [详细]
author-avatar
天佑土土土
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有