Html中标签文字对齐的样式
已4个字的长度为例 就规定x=4
/*2个字样式*/
l2 {
/*((x-y)/(y-1)) x为最大字数 y为显示字数*/
letter-spacing: 2em;
/*需要使内容相对居中*/
margin-left: 2em;
/*因为右边会自动计算出个长度2em不能取消所有要在margin个长度进行右边对齐*/
margin-right: 0;
}
/*3个字样式*/
l3 {
/*((x-y)/(y-1)) x为最大字数 y为显示字数*/
letter-spacing: .5em;
/*需要使内容相对居中*/
margin-left: 2em;
/*因为右边会自动计算出个长度2em不能取消所有要在margin个长度进行右边对齐*/
margin-right: 1.5em;
}
/*4个字样式*/
l4 {
/*((x-y)/(y-1)) x为最大字数 y为显示字数*/
letter-spacing: 0;
/*需要使内容相对居中*/
margin-left: 2em;
/*因为右边会自动计算出个长度2em不能取消所有要在margin个长度进行右边对齐*/
margin-right: 2em;
}
/*5个字样式*/
l5 {
/*((x-y)/(y-1)) x为最大字数 y为显示字数*/
letter-spacing: 0;
/*需要使内容相对居中*/
margin-left: 1.5em;
/*因为右边会自动计算出个长度2em不能取消所有要在margin个长度进行右边对齐*/
margin-right: 1.5em;
}
这个是参考网友改写了一下
标签：右边,标签,2em,Html,对齐,长度,字数,margin From： https://www.cnblogs.com/libras/p/18541459