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

css 文本两端对齐应用实例

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含文本两端对齐,css等相关知识,佚名 希望在学习及工作中可以帮助到您
在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地。这样我们就要用到 text-align, text-justify样式了。
text-align直接设为justify就行了,text-justify的情况相对比较复杂

IE的取值如下:

auto :允许浏览器用户代理确定使用的两端对齐法则
inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
distribute :处理空格很像newspaper,适用于东亚文档。尤其是泰国
distribute-all-lines :两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档
inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
但它最早是作为IE的私有实现,像text-overflow, overflow-x等,在FF很晚才实现,换言之有严格的兼容性问题。
并且FF,chrome需要手动在汉字间插入空白或软换行标签才生效。

应用实例:
 
代码如下:

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

  • css 文本两端对齐应用实例

相关文章

  • 2017-08-06CSS教程 CSS选择器
  • 2017-08-06Google浏览器CSS居中兼容问题完美解决方法
  • 2017-08-06CSS控制前端图片HTTP请求的各种情况示例
  • 2017-08-06CSS3之背景尺寸Background-size使用介绍
  • 2017-08-06不固定宽度和高度的情况下CSS调整div居中的方法总结
  • 2017-10-05css z-index的用法和注意点
  • 2017-08-06CSS3毛玻璃效果(blur)有白边问题的解决方法
  • 2017-08-06CSS强制文本在一行内显示若有多余字符则使用省略号表示
  • 2017-08-06CSS控制DIV永远固定在页面底部不随滚动而滚动
  • 2017-08-06CSS3径向渐变之大鱼吃小鱼之孤单的大鱼

文章分类

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

最近更新的内容

    • 使用zoom解决IE6 margin无效BUG
    • 纯CSS仿迅雷看看蓝色导航
    • css 自动换行 强制换行属性 (firefox+ie)
    • ie6和ie7中的链接图片点不中问题讨论
    • SELECT在浏览器中相关Bug整理
    • 基于CSS制作天蓝色导航菜单
    • bootstrap3教程之bootstrap显示5列的方法
    • display和visibility的区别
    • ie8 body overflow hidden 无效的解决方法
    • CSS中关于变量的基本教程

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

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