css两端对齐 谷歌
导读:CSS中的两端对齐是指让文本在一行内分布均匀,左右两端对齐。在谷歌浏览器中,可以通过以下CSS属性实现两端对齐。text-align:justify;这个属性可以让文本在一行内均匀分布,同时填补行末空余的空间。但是,在谷歌浏览器中,文本的两...
CSS中的两端对齐是指让文本在一行内分布均匀,左右两端对齐。在谷歌浏览器中,可以通过以下CSS属性实现两端对齐。
text-align:justify;
这个属性可以让文本在一行内均匀分布,同时填补行末空余的空间。但是,在谷歌浏览器中,文本的两端对齐还需要另外一项属性。
text-justify:distribute-all-lines;
这个属性可以让文本在行末空余的空间中均匀分布,使得文本的两端对齐。默认情况下,这个属性是关闭的,因此需要手动设置。
上述两个属性,都可以直接使用在p标签中,实现段落两端对齐的效果。同时,也可以使用div标签将文本包围起来,实现整个文本框两端对齐的效果。
div{
text-align:justify;
text-justify:distribute-all-lines;
}
需要注意的是,在使用两端对齐的属性时,文本的分布会受到浏览器窗口大小的影响。如果窗口大小变化,文本分布也会发生变化。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css两端对齐 谷歌
本文地址: https://pptw.com/jishu/514597.html
