css文字两端对齐_html/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;//设置字体间距
}

      班主任签署家长签署 

      班主任签署家长签署 

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

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

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

+1

有个操蛋的办法

有个操蛋的办法

      班主任签署家长签署 

      班主任签署家长签署 

      班主任签署 家长签署 

      班主任签署家长签署 

班主任签署家签任署方式一（已知div1,div2内容）：方式二（字符串长度大于div1或div2宽度）：

      班主任签署家长签署 

发现自己重复引用了

      班主任签署家长签署 

有个操蛋的办法

多套几个A标签好多方法，一个一个定义...

基本属于自己找麻烦