css怎么实现两端对齐 | 您所在的位置:网站首页 › html两边对齐 › css怎么实现两端对齐 |
在css中,可以利用justify-content属性来实现两端对齐效果,只需要给元素添加“justify-content: space-around;”或“justify-content: space-between;”样式即可。 前端(vue)入门到精通课程,老师在线辅导:联系老师Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 CSS实现两端对齐效果CSS3新增的flex布局下,有一个justify-content属性,此属性可以控制伸缩项目的水平对齐方式。其中有两个值,可以实现两端对齐。但是justify-content存在兼容性问题,IE10以上,FF,Chrome都支持。而所有浏览器都支持text-align属性 justify-content: space-around。 伸缩项目会平均地分布在伸缩容器内,两端保留一半的空间。 justify-content: space-between。伸缩项目会平均地分布在伸缩容器内,第一个伸缩项目在伸缩容器的左边缘,最后一个伸缩项目在伸缩容器的右边缘。 justify-content: space-around; justify-content: space-between; (学习视频分享:css视频教程) 以上就是css怎么实现两端对齐的详细内容,更多请关注php中文网其它相关文章! 微信分享声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系[email protected]核实处理。 相关标签:css 两端对齐程序员必备接口测试调试工具:点击使用 Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 网页生成APP,用做网站的技术去做APP:立即创建 手机网站开发APP、自助封装APP、200+原生模块、2000+映射JS接口按需打包 上一篇:css怎么设置超链接文本为白色下一篇:css如何修改光标颜色 |
CopyRight 2018-2019 实验室设备网 版权所有 |