如何使用CSS3中的box-orient属性设置容器排列

 时间:2024-10-13 11:30:51

1、第一步,打开HBuilder编辑工具,新建静态页面;接着在<body></body>中添加24个div标签,如下图所示:

如何使用CSS3中的box-orient属性设置容器排列

2、第二步,利用类选择器设置div标签display属性,设置为box,需要根据浏览器进行设置,如下图所示:

如何使用CSS3中的box-orient属性设置容器排列

4、第四步,保存代码并在浏览器查看效果,可以发现这些容器水平布局,如下图所示:

如何使用CSS3中的box-orient属性设置容器排列

6、第六步,最后将box-orient的属性值horizontal改为vertical,再次保秽颢擤崮存预览效果,发现水平布局改为垂直布局了,如下图所示:

如何使用CSS3中的box-orient属性设置容器排列
  • SQL Server创建ID自增的表
  • 如何使我们的大学生活变得精彩
  • HTML5的网页制作基础
  • 如何用CSS修改不同input标签的样式
  • jquery如何实现鼠标放上div时改变其大小
  • 热门搜索
    手机越狱有什么好处 ridiculous是什么意思 今年流行什么外套 布朗运动说明了什么 通情达理的意思 什么叫不动产权证书 出其不意是什么意思 一切国家机关实行什么原则 家里养什么花风水好 佛珠手链什么材质好