摘要:文本两端对齐设置文本宽度布局决定是横向还是纵向从左到右的水平方向为主轴默认值从右到左的水平方向为主轴从上到下的垂直方向为主轴从下到上的垂直方向为主轴在横向上做改变主轴起点对齐默认值主轴结束点对齐主轴中居中对齐两端对齐元素
1.文本两端对齐
text{ text-align:justify; width:200rpx;//设置文本宽度 } text::after{ width:100%; display:inline-block; content:""; }
display:flex;
flex-direction 决定是横向还是纵向
row 从左到右的水平方向为主轴(默认值) row-reverse 从右到左的水平方向为主轴 column 从上到下的垂直方向为主轴 column-reverse 从下到上的垂直方向为主轴
justify-content 在横向上做改变
flex-start 主轴起点对齐(默认值) flex-end 主轴结束点对齐 center 主轴中居中对齐 space-between 两端对齐 space-around 元素之间等距离
align-items 在纵向上做改变
stretch 填充整个容器(默认值) flex-start 侧轴的起点对齐 flex-end 侧轴的终点对齐 center 侧轴居中对齐 baseline 以子元素的第一行文字对齐
定义type属性值
number 数字键盘(无小数点)
idcard 数字键盘(无小数点,有x键)
digit 数字键盘(有小数点)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/53412.html
摘要:微信小程序应用号开发资源汇总文档工具教程代码插件组件文档从搭建一个微信小程序开始小程序开发文档小程序设计指南工具小程序开发者工具官方支持微信小程序实时预览的支持的微信小程序组件化开发框架转在线工具小程序云端增强社区微信小程序 微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者...
摘要:微信应用号小程序资源汇总。每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大家提交新的资源,完善和补充。 wechat-weapp-resource 微信应用号(小程序)资源汇总。 每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大家提交新的资源,完善和补充。 showImg(https://segmentfault.com/img/remote/1460000...
摘要:微信应用号小程序资源汇总。每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大家提交新的资源,完善和补充。 wechat-weapp-resource 微信应用号(小程序)资源汇总。 每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大家提交新的资源,完善和补充。 showImg(https://segmentfault.com/img/remote/1460000...
阅读 1994·2021-11-19 09:40
阅读 1944·2021-09-28 09:36
阅读 2287·2021-09-22 10:02
阅读 2729·2019-08-30 14:00
阅读 1952·2019-08-29 15:31
阅读 2901·2019-08-29 15:11
阅读 2909·2019-08-29 13:04
阅读 1084·2019-08-27 10:55