澳门六星彩资料-澳门2020年三合开奖结果-澳门三合图正版 今晚

密通学院

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

搜索
查看: 34|回复: 0
打印 上一主题 下一主题

CSS样式中使内容两端对齐的三种写法

[复制链接]

该用户从未签到

2

主题

2

帖子

1220

铜板

学前班

Rank: 2

积分
1268
跳转到指定楼层
楼主
发表于 2020-4-23 19:15:27 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
说到两端对齐,大家并不陌生,在word、powerpoint、outlook等界面导航处,其实都有一个两端对齐(分散对齐)的按钮,平时使用的也不多,我们更习惯与左对齐、居中对齐、右对齐的方式来对齐页面的文本或模块。
响应式网页设计出现以来,更多是使用百分比布自适应布局,特别是在移动端,两端对齐的方式显得越来越重要。那么,如何使用css实现两端对齐,相信很多同学会文本对齐的text-align:justify,这是今天要讲的其中一种方式,另外还有两种更精彩的实现方式,请往下看~


1、text-align:justify
2、justify-content:space-between;
3、使用column(多列布局)-webkit-column-count:4;-moz-column-count:4;column-count:4;
     -webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;
密城通,致力于为国内广大中小站长提供本地化生活服务平台运营方案。
快速回复: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 感恩
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

澳门六星彩资料-澳门2020年三合开奖结果-澳门三合图正版 今晚|Archiver|手机版|小黑屋|密通学院:专业网络营销服务商

GMT+8, 2020-5-21 16:27 , Processed in 0.141602 second(s), 26 queries ()

Powered by XMT Inc. © 2015-2021 ArrayV1.0

系统运营:

快速回复 返回顶部 返回列表