html 强制分散对齐,强制两端对齐的函数或者CSS

a4c26d1e5885305701be709a3d33442f.png虽然网上流行“两端对齐”这种说法,但实际上没有文字段两端对齐的明确定义。所谓的“文字段两端对齐”其实质上都是“文字段分散对齐”即这个定义:style="text-align:justify;text-justify:distribute-all-lines"

文字段对齐首先得有一个参照物,这个参照物就是网页的边。

文字段两端对齐怎么对齐?例如有十个字:0123456789,两端对齐应该是01234挤到左边,56789挤到右边才对。

文字段分散对齐应该是不管文字段有多少字,都按网页水平宽度把这些字等距离均分。

有时间你可以研究一下word,文字段只有四种对齐方式:左对齐,右对齐,居中对齐,分散对齐。

在表格中:

文字段

文字段>一行时,文字段先密排然后在最后一行分散对齐。

在层中:

文字段

文字段>一行时,文字段在第一行不分散对齐,先密排,然后在其它行分别分散对齐。

下面是一些例子:

[html]

leftmargin="0" style="word-break: break-all">

style="text-align:justify;text-justify:distribute-all-lines">

分散对齐=中华人民共和国

普通排列

leftmargin="0" style="word-break: break-all">

style="text-align:justify;text-justify:distribute-all-lines">

我想让段落分散对齐,效果就是这样我想让段落分散对齐,

普通排列

leftmargin="0" style="word-break: break-all">

style="text-align:justify;text-justify:distribute-all-lines">

我想让段落分散对齐,效果就是这样我想让段落分散对齐,效果就是这样我想让段落分散对齐,效果就是这样我想让段落分散对齐,效果就是这样我想让段落分散对齐,效果就是这样我想让段落分散对齐,效果就是这样我想让段落分散对齐,

普通排列

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

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

[/html]

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值