正常访问状态! 设为首页 | 加入收藏夹 | 浏览历史  
  http://www.guosp.com
 碧海澜涛居
  海纳百川,有容乃大。壁立千刃,无欲则刚!
 
 
关键词:
  网站首页 | 关于本站 | 技术资料 | 美文日志 | 读书收藏 | 影视收藏 | 软件收藏 | 摄影相册| 留言板 
  技术资料 >> DIV+CSS技术 关闭(快捷键alt+C)
搜索标签: 强制 两端对齐
强制两端对齐的函数或者CSS
[阅读次数:5883次]  [发布时间:2010年10月6日]
强制两端对齐的函数或者CSS[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]

强制两端对齐的函数或者CSS虽然网上流行“两端对齐”这种说法,但实际上没有文字段两端对齐的明确定义。所谓的“文字段两端对齐”其实质上都是“文字段分散对齐”即这个定义: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]

强制两端对齐的函数或者CSS非常抱歉!文字段是有“两端对齐”的,只不过圣僧举的例子是两端对齐(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
返回顶部 关闭(快捷键alt+C)
评论统计(0条)| 我要评论
暂无评论内容!
我要评论 
我要评论: 带*部分需要填写
 姓名称呼: * 请填写您的姓名或呢称
联系方式: QQ,MSN,Email都可以,方便交流 (仅管理员可见)
 评论内容: * 不超过100字符,50汉字
验证码:
    
  推荐链接
  最近更新  
·Host 'XXX' is not allowed...
·Win2008或IIS7的文件上传大...
·IIS7.0上传文件限制的解决方...
·测试信息2015-03-11
·asp.net中处理图片
·ASP.NET之Web打印-终极解决...
·Asp.net下C#调用Word模版实...
·asp.net下将页面内容导入到...
·asp.net导出为pdf文件
·asp.net生成pdf文件
·FCKeditor 文本编辑器的使用...
·ASP.NET 将数据生成PDF
·asp.net2.0导出pdf文件完美...
·AspJpeg的安装与测试
·JS验证浏览器版本对IE11的支...
  热门浏览  
·IE8和IE9出现“此网页上的问...
·无线路由器密码破解,教你断...
·js替换所有回车换行符
·QQ/MSN在线交流代码
·IE弹出“中国工商银行防钓鱼...
·如何取消键盘上的一些快捷键...
·win7声音小的解决方法
·webdav漏洞的利用
·强制两端对齐的函数或者CSS...
·win7下成功安装sql server ...
·显示器分辨率调的过高导致电...
·天诺时空技术技术论坛
·js验证手机号码格式
·JS展开和收缩效果(二)
·本地计算机上的 MSSQLSERVE...
  碧海澜涛居
网站首页关于本站站长简介开发案例技术资料美文日志摄影相册读书收藏影视收藏留言板
版权所有:碧海澜涛 QQ:410436434 Email:shaopo_guo@163.com 苏ICP备15000526号
免责声明:本站为个人网站,站内所有文字、图片等各类资料均为个人兴趣爱好所收集,不用作任何商业用途,亦不保证资料的真实性,若有因浏览本站内容而导致的各类纠纷,本站也不承担任何责任。本站部分内容来自互联网,如有涉及到您的权益或隐私请联系站长解决。