表单文字个数不同左右对齐方式
来源:互联网 发布:mobi for mac 编辑:程序博客网 时间:2024/05/21 17:25
先看一个效果图吧:
这里有几个字段,每一行字的个数都不一样,要左右对齐。
之前是通过加空格或者 来实现,但是兼容以及效果都不怎么样。
x = 所有行中要放字数的最大值;//这个例子中我的x是4
y = 当前行要放的字数值; //本例中,第一行和倒数第二行是2,最后一行是3,其他行是4。
给字数相同的行给定相同样式类
并添加样式,因为我有三种情况,所以要设置三种样式。
.four{ letter-spacing: 0em // (x-y)/(y-1) => (4-4)/(4-1) = 0,所以当前值为0}.three{ letter-spacing: 0.5em // (x-y)/(y-1) => (4-3)/(3-1) = 0.5,所以当前值为0.5em}.two{ letter-spacing: 2em // (x-y)/(y-1) => (4-2)/(2-1) = 2,所以当前值为2em}
阅读全文
0 0
- 表单文字个数不同左右对齐方式
- 不同字数的文字能左右对齐占满两边
- 文字左右两端对齐
- 实现文字左右对齐
- jsp页面+CSS样式实现不同个数文字两端对齐
- 整段文字左右对齐
- 不同文字对齐
- 表单对齐方式
- 网页中如何让整段文字左右对齐
- html页面文字左右两端对齐
- android edittext 文字对齐方式
- 设置UIButton文字对齐方式
- UIButton文字的对齐方式
- CSS控制的文字段落左右对齐的样式
- 怎样让DIV中的文字左右同时对齐
- Android TextView 文字实现左右对齐(分散对齐、两端对齐)的一个思路
- Windows SDK之按钮文字对齐方式
- QT Alignment 参数 文字对齐方式
- android ZXing扫描 返回崩溃问题,图像拉伸
- SpringMVC控制器controller单例问题
- C语言字符串常用函数
- Ubuntu 15.10快速搭建本地源服务器
- 容器的排序-1
- 表单文字个数不同左右对齐方式
- Redis实现分布式session功能的共享
- 侧滑栏&动态添加轮播图下的按钮&shape绘制按钮
- TabLayout滑动和viewPager的联动+drawerLayout的侧拉
- ZigBee基础实验(二)--中断
- 《剑指offer》刷题笔记(递归和循环):矩形覆盖
- (八)php参考手册---Date/Time函数
- android 按行读取txt文本内容
- Java.util.concurrent包学习(三)同步集合