使用CSS代码的空格实现中文对齐的方法
作者:失乐园 来源: 网络 人气:68 类型: 免费 价格:¥0 所属课程:web前端工程师全栈培训    
本文档有配套视频,购买本文档或加入该课程后可播放!

允许运行Flash播放器吗?如未安装,请先安装Flash Player(版本: 11.4.0)或更高版本.

使用一些空格实现个数不等的中文对齐或等宽。
其中的" "和" ",由于具有某一超赞的特性,使其可以登上web届的舞台!什么特性呢?如上表加粗展示,1. 透明; 2. 宽度正好跟中文正好是1:2和1:1的关系,于是,一些中文排版对齐什么的,直接就可以使用这两个空格调节,如:

 <ul> 
    <li class="li">姓&emsp;&emsp;名:<input type="text" /></li> 
    <li class="li">手&ensp;机&ensp;号:<input type="text" /></li> 
    <li class="li">电子邮箱:<input type="text" /></li> 
</ul> 

       这样就轻松实现了2字/3字/4字中文的等宽两端对齐效果:



本文为付费文档,请购买或加入所属课程查阅全部内容!

评论

正在加载评论...
提交评论

  •  1. 使用CSS代码的空格实现中文对齐的方法 试看
  •  2. CSS解决input在不同浏览器下高度不一致问题 试看
  •  3. Ajax开发技术
十二维网, 版权所有©2005-2018
电话:15013459492 (宋生)  
Email:wave12@126.com
深圳总部:深圳市福田区八卦四路先科机电大厦6楼
网站备案:粤ICP备10018904号