强制两端对齐的函数或者CSS

正常访问状态！

设为首页 | 加入收藏夹 | 浏览历史

http://www.guosp.com
碧海澜涛居
海纳百川，有容乃大。壁立千刃，无欲则刚！

关键词：

技术资料 >> DIV+CSS技术

搜索标签：强制两端对齐

强制两端对齐的函数或者CSS

[阅读次数：6070次] [发布时间：2010年10月6日]

[html]英文对齐:<br>
<div style="font-size:12px;width:300;text-align:justify;text-justify:inter-ideograph">¨Crepower¨ Brand Belts, Chains and other Transmission Parts are manufactured under ISO9001 certified quality-control system. With improved quality material and well-organized production procedures, ¨Crepower¨ power transmission products have noticeably fatigue strength and long-service life.We can supply all types and sizes according to the related standards and customers’ requirements and</div>
<br>
中文对齐:<br>
<div style="font-size:12px;width:300;text-align:justify; text-justify:inter-ideograph">
上周五突然决定去鄱阳湖看鸟了，晚上没票，只好买了周六晚上的，没有拍鸟必用的专业相机与超长焦的镜头，甚至也没有一个望远镜，就匆匆出发了。今天上午九点走出南昌火车站，坐上一辆上中巴到永修县城，再挤进一个小面包，终于在中午到达了这个鄱阳湖畔的小镇——吴城。除了从附近两个城市南昌和九江来的游客，恐怕再没有远地方来的游人了，更别说背包客，到了晚上，竟只剩我一个外地人。在小面包上碰到的三个九江外国语学校的老师，一路同行也仅止于在镇子里匆忙逛一下就回去了。</div>[/html]

虽然网上流行“两端对齐”这种说法，但实际上没有文字段两端对齐的明确定义。所谓的“文字段两端对齐”其实质上都是“文字段分散对齐”即这个定义：style="text-align:justify;text-justify:distribute-all-lines"
文字段对齐首先得有一个参照物，这个参照物就是网页的边。
文字段两端对齐怎么对齐？例如有十个字：0123456789，两端对齐应该是01234挤到左边，56789挤到右边才对。
文字段分散对齐应该是不管文字段有多少字，都按网页水平宽度把这些字等距离均分。
有时间你可以研究一下word,文字段只有四种对齐方式：左对齐，右对齐，居中对齐，分散对齐。
在表格中：
文字段<一行时，文字段不分散对齐；
文字段>一行时，文字段先密排然后在最后一行分散对齐。
在层中：
文字段<一行时，文字段分散对齐；
文字段>一行时，文字段在第一行不分散对齐，先密排，然后在其它行分别分散对齐。
下面是一些例子：
[html]

<table width="500" border="1" topmargin="0" leftmargin="0" style="word-break: break-all">
<tr>
<td width="50%" style="text-align:justify;text-justify:distribute-all-lines">
分散对齐=中华人民共和国
</td>
<td width="50%">
普通排列
</td>
</tr>
</table>

<br><br><br>
<table width="500" border="1" topmargin="0" leftmargin="0" style="word-break: break-all">
<tr>
<td width="50%" style="text-align:justify;text-justify:distribute-all-lines">
我想让段落分散对齐，效果就是这样我想让段落分散对齐，</td>
<td width="50%">
普通排列
</td>
</tr>
</table>

<br><br><br>
<table width="500" border="1" topmargin="0" leftmargin="0" style="word-break: break-all">
<tr>
<td width="50%" style="text-align:justify;text-justify:distribute-all-lines">
我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，
</td>
<td width="50%">
普通排列
</td>
</tr>
</table>

<br><br><br>
<div style="text-align:justify;text-justify:distribute-all-lines">我想让段落分散对齐，效果就是这样我想让段落分散对齐，</div>

<br><br><br>
<div style="text-align:justify;text-justify:distribute-all-lines">我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样我想让段落分散对齐，效果就是这样<br>但是最后一行就几个字，他还是要“分散对齐”，对这种少量文字的段落，我不让他“分散对齐”可以吗请问怎么办呢</div>

[/html]

非常抱歉！文字段是有“两端对齐”的，只不过圣僧举的例子是两端对齐（style="text-align:justify;text-justify:inter-ideograph">），而我举的例子是分散对齐（style="text-align:justify;text-justify:distribute-all-lines"）。

本页地址： [复制地址]
该页内容非本站原创收藏自：http://blog.sina.com.cn/s/blog_537f10f70100ks4k.html

返回顶部

评论统计（0条）| 我要评论

暂无评论内容！

我要评论

我要评论：

带*部分需要填写

姓名称呼：

* 请填写您的姓名或呢称

联系方式：

QQ,MSN,Email都可以，方便交流 (仅管理员可见)

评论内容：