• 技术文章 >web前端 >css教程

    css怎么实现两端对齐

    青灯夜游青灯夜游2021-07-22 17:00:03原创154

    在css中,可以利用justify-content属性来实现两端对齐效果,只需要给元素添加“justify-content: space-around;”或“justify-content: space-between;”样式即可。

    本教程操作环境: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;

    (学习视频分享:css视频教程

    以上就是css怎么实现两端对齐的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 两端对齐
    上一篇:css怎么设置超链接文本为白色 下一篇:css如何修改光标颜色
    VIP会员

    相关文章推荐

    • asp怎样引入css样式• css高度设置百分比不生效怎么办• css背景图片颜色怎么设置• JavaScript怎么给CSS加样式• css怎么实现两列布局

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网