分享更有价值
被信任是一种快乐

css中box-orient属性有什么用

文章页正文上

小编给大家分享一下css中box-orient属性有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
  cssbox-orient属性怎么用?
  box-orient属性规定框的子元素是否应水平或垂直排列。
  语法:
  box-orient:horizontal|vertical|inline-axis|block-axis|inherit;
  属性值:
  horizontal:在水平行中从左向右排列子元素。
  vertical:从上向下垂直排列子元素。
  inline-axis:沿着行内轴来排列子元素(映射为horizontal)。
  block-axis:沿着块轴来排列子元素(映射为vertical)。
  inherit:应该从父元素继承box-orient属性的值。
  说明:水平框中的子元素从左向右进行显示,而垂直框的子元素从上向下进行显示。不过,box-direction和box-ordinal-group能够免费云主机、域名改变这种顺序。
  注:目前所有主流浏览器都不支持box-orient属性。Firefox通过私有属性-MOZ-box-orient支持。Safari,Opera,和Chrome通过私有属性-webkit-box-orient支持。
  cssbox-orient属性示例
  

  
  
  
  

  div{
  width:350px;
  height:150px;
  border:1pxsolidblack;
  /*Firefox*/
  display:-moz-box;
  -moz-box-orient:horizontal;
  /*Safari,Opera,andChrome*/
  display:-webkit-box;
  -webkit-box-orient:horizontal;
  /*W3C*/
  display:box;
  box-orient:horizontal;
  }
  
  
  
  
  段落1。
  段落2。
  段落3。
  
  注释:IE不支持box-orient属性。
  
  

以上是“css中box-orient属性有什么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注云技术行业资讯频道!

相关推荐: css如何实现元素水平排列

这篇文章将为大家详细讲解有关css如何实现元素水平排列,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 第一种:display:inline-block 首先得先了解块级元素(blockelements)和行内元素(inlin…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册