css 文本两端对齐应用实例
发布时间:2015-05-12 来源:查字典编辑
摘要:在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名,手机号码,出生地。这样我们就要用到text-align,text-justify样...
在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地。这样我们就要用到 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需要手动在汉字间插入空白或软换行标签才生效。
应用实例:
代码如下:
复制代码
相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
- ■win7系统无法安装控件提示未知发行商被windows阻止的四种解决方法
- ■win7系统使用系统自带备份和还原功能提示错误代码0X80042302的解决方法
- ■win10 预览版14361中怎么使用Windows墨迹工作区?
- ■Win10系统睡眠唤醒后会蓝屏且提示错误代码0x000000ef的原因及解决方法
- ■将Access数据库移植到SQL Server
- ■随机提取N条记录
- ■用 INNER JOIN语法联接多个表建记录集
- ■Oracle数据库数据丢失恢复的几种方法总结
- ■Oracle call 和 exec的详解及区别
- ■Windows 64位下装安装Oracle 11g,PLSQL Developer的配置问题,数据库显示空白的完美解决方案(图文教程)
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类