css文字两端对齐_html/css_WEB-ITnose

CSS

想要将班主任签署左右两端对齐家长签署，即：‘家’对齐‘班’、‘署’对齐‘署’。如图：

回复讨论(解决方案)

css文字两端对齐
text-align:Justify(火狐);
text-justify:inter-ideograph(IE)

这是CSS的，只是不建议使用

告诉你个取巧的好方法家长签署:---------------具体多少像素你自己实验几下，我这样也看不出来。

一定要把最后一个字放在span之外，那样会保证最后的一个字和上面的署对齐。另外，这个在IE6下IE6会有点问题，可以这样改：家长签署： ----------自己调下具体的间距多少合适。

css文字两端对齐
text-align:Justify(火狐);
text-justify:inter-ideograph(IE)

这是CSS的，只是不建议使用
这个还是没法满足，单文字长度不够的时候还需要加上letter-spacing或word-spacing加大字符间距，但这个间距值也不能做到百分百的对齐

一定要把最后一个字放在span之外，那样会保证最后的一个字和上面的署对齐。另外，这个在IE6下IE6会有点问题，可以这样改：家长签署： ----------自己调下具体的间距多少合适。

这个我也使用了，但多少有点不完美，譬如说不全是中文。有没有更好的方法能做到绝对左右对齐

一定要把最后一个字放在span之外，那样会保证最后的一个字和上面的署对齐。另外，这个在IE6下IE6会有点问题，可以这样改：家长签署： ----------自己调下具体的间距多少合适。

这个我也使用了，但多少有点不完美，譬如说不全是中文。有没有更好的方法能做到绝对左右对齐

没有的

用CSS是没有的
我都是用的空格
全角的空格相当一个汉字，半角空格才相当半个汉字
建议使用全角的空格

一定要把最后一个字放在span之外，那样会保证最后的一个字和上面的署对齐。另外，这个在IE6下IE6会有点问题，可以这样改：家长签署： ----------自己调下具体的间距多少合适。

这个我也使用了，但多少有点不完美，譬如说不全是中文。有没有更好的方法能做到绝对左右对齐

不全是中文的就有点蛋疼了。这个还真没好办法。

写个方法吧
上下两行放到相同长度的div里，比如div宽度为100,div的id分别是 div1,div2 然后调用方法setDq()

function setDq(){
var d1=document.getElementById("div1");
var d2=document.getElementById("div2");
var rap1=(d1.offsetWidth-5*12)/(5-1);//5为d1的字体个数,12为字体的像素大小
var rap2=(d2.offsetWidth-4*12)/(4-1);//4为d2的字体个数,12为字体的像素大小
d1.style.wordSpace=rap1;//设置字体间距
d1.style.wordSpace=rap2;//设置字体间距
}

123 .box1{ width:80px; line-height:20px; margin:10px auto; background-color:#cdd; text-align:justify; letter-spacing:0.5px; }

班主任签署家长签署

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did112907

更新时间：2022-11-17 阅读：31次