• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 网页中如何让某两行文字精确的对齐(两侧对齐)?

网页中如何让某两行文字精确的对齐(两侧对齐)?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含spacing,letter,nbsp,amp等相关知识,匿名希望在学习及工作中可以帮助到您
如图所示
面积、设计师这两行上 ,
用 给他们添加距离,无法精确对齐
又尝试用letter-spacing样式,效果也不理想

请问对于这种问题,有什么好的解决方法吗?

回复内容:

业余爱好搞搞CSS,一个哥们告诉的方法

text-justify

text-align: justify;
-moz-text-align-last: justify;
-webkit-text-align-last: justify;

下图是 中英文 开启和关闭的效果(Chrome下)

cntv主页上就用到这个了。



发现终于能说“利益相关”了。。。
利益相关:从在央视网就职的哥们那里学到的。 要是我 我就用最笨的方法
一行一个p标签,然后左边的文字用span包住(给width啊),然后给text-align:right; 这样可以确保左边的字右对齐。然后就没然后了好像 已经达到需求所说的需求了

您可能想查找下面的文章:

  • 网页中如何让某两行文字精确的对齐(两侧对齐)?

相关文章

  • 2018-12-03实现页面跳转并能传值的实例详解
  • 2018-12-03h5 canvas实现粒子时钟的详细方法
  • 2018-12-03canvas实现二维码和图片合成的示例代码
  • 2017-08-06HTML5 canvas基本绘图之文字渲染
  • 2018-12-03为什么现在HTML5的优势越来越大
  • 2018-12-03html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因_html5教程技巧
  • 2018-12-03基于HTML5 WebGL实现的3D机房
  • 2018-12-03如何自己开发html5场景应用,就像现在微信公众号宣传中很流行的网页场景,单屏滚动场景?
  • 2018-12-03什么是基于HTML5技术的桌面环境?
  • 2018-12-03作为一个刚入门的前端爱好者,以后立志成为前端攻城狮的我,应该要学习哪些方面的知识?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 关于html5中的localstorage详细介绍(图)
    • 关于HTML5的安全问题开发人员需要牢记的
    • Html5 中的 WebSocket通信
    • spring WebSocket的详细介绍
    • 使用HTML5 canvas实现一个简单的粒子引擎代码实例
    • 微信端html5页面如何调用分享接口
    • iH5和MAKA哪个好?
    • 使用cocos2D游戏引擎开发游戏的话,是选择使用cocos2D-x使用C++来编写,还是使用cocos2D-html5来编程,原因是什么?
    • 基于轻量级高性能的CSS3动画库
    • HTML5 新旧语法标记对我们有什么好处_html5教程技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有