视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
css文字两端对齐_html/css
2020-11-27 16:31:21 责编:小采
文档

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    班主任签署家长签署 


不是很明白,请教下楼主
这个HTML应该怎么写

  123    班主任签署家长签署 


不是很明白,请教下楼主
这个HTML应该怎么写
我也没明白你想要表达什么,跟我的贴有关?



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

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

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

+1

有个操蛋的办法






长签



td{text-align:center;}
p{letter-spacing:xxpx}这里的数值根据实际情况设置。
有点操蛋这个办法,班主任那边也用表格的原因是因为 让td 的宽度比字稍微宽一点居中对齐之后 会稍微好看点。

有个操蛋的办法






长签



td{text-align:center;}
p{letter-spacing:xxpx}这里的数值根据实际情况设置。
有点操蛋这个办法,班主任那边也用表格的原因是因为 让td 的宽度比字稍微宽一点居中对齐之后 会稍微好看点。 还真是为达目的不择手段


  123    班主任签署家长签署 


不是很明白,请教下楼主
这个HTML应该怎么写
我也没明白你想要表达什么,跟我的贴有关?

参照楼上的几位,我写的HTML+CSS
但没有达到楼主说的那种效果
就想问问原因



  123    班主任签署家长签署 


不是很明白,请教下楼主
这个HTML应该怎么写
我也没明白你想要表达什么,跟我的贴有关?

参照楼上的几位,我写的HTML+CSS
但没有达到楼主说的那种效果
就想问问原因
哦哦,不是这样写的呢
  123    班主任签署 家长签署 




  123    班主任签署家长签署 


不是很明白,请教下楼主
这个HTML应该怎么写
我也没明白你想要表达什么,跟我的贴有关?

参照楼上的几位,我写的HTML+CSS
但没有达到楼主说的那种效果
就想问问原因

哦哦,是这样写的,如下(兼容及stongyann用table解决就不列出来了):
班主任签署家签任署方式一(已知div1,div2内容):方式二(字符串长度大于div1或div2宽度):



  123    班主任签署家长签署 


不是很明白,请教下楼主
这个HTML应该怎么写
我也没明白你想要表达什么,跟我的贴有关?

参照楼上的几位,我写的HTML+CSS
但没有达到楼主说的那种效果
就想问问原因


楼主的是两个div或者一个div里面有两个li,一个li写班主任签署,另一个写家长签署,上下并排,让班主任签署这五个字与家长签署这四个字所占的宽度一样并且最后一个字和第一个字要对其,你自己写的这个貌似差强人意了。。

发现自己重复引用了




  123    班主任签署家长签署 


不是很明白,请教下楼主
这个HTML应该怎么写
我也没明白你想要表达什么,跟我的贴有关?

参照楼上的几位,我写的HTML+CSS
但没有达到楼主说的那种效果
就想问问原因


楼主的是两个div或者一个div里面有两个li,一个li写班主任签署,另一个写家长签署,上下并排,让班主任签署这五个字与家长签署这四个字所占的宽度一样并且最后一个字和第一个字要对其,你自己写的这个貌似差强人意了。。 Bingo!


有个操蛋的办法






长签



td{text-align:center;}
p{letter-spacing:xxpx}这里的数值根据实际情况设置。
有点操蛋这个办法,班主任那边也用表格的原因是因为 让td 的宽度比字稍微宽一点居中对齐之后 会稍微好看点。 还真是为达目的不择手段

其实都是欺骗人的眼睛的。美工设计一张图片 运用了多种手法欺骗了你的眼睛,制作运用了很多方法目的还不是为了来欺骗人的眼睛。能达到效果我想 就可以了。外行看热闹,内行看门道。而 客户 大多又是外行。 之前的回答如果真的对你有效 那就结贴吧。当让如果你还想等更加好的办法 可以继续等下去。

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

基本属于自己找麻烦

下载本文
显示全文
专题