码迷,mamicode.com
首页 > Web开发 > 详细

css省略号 弹性和模型

时间:2019-02-13 13:04:05      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:hit   拉伸   shrink   dde   cti   就是   建议   盒模型   ken   

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

弹性和模型


flex-direction: column;/row
排版方向

flex-wrap: wrap
是否换行


flex-direction: row;
flex-wrap: wrap;

替换为

flex-flow: row wrap;

flex 是一个可以指定最多三个不同值的缩写属性:

  • 第一个就是上面所讨论过的无单位比例。可以单独指定全写 flex-grow 属性的值。
  • 第二个无单位比例 — flex-shrink — 一般用于溢出容器的 flex 项。这指定了从每个 flex 项中取出多少溢出量,以阻止它们溢出它们的容器。 这是一个相当高级的弹性盒子功能,我们不会在本文中进一步说明。
  • 第三个是上面讨论的最小值。可以单独指定全写 flex-basis 属性的值。

我们建议不要使用全写属性,除非你真的需要(比如要去覆盖之前写的)。使用全写会多些很多的代码,它们也可能有点让人困惑。




 

css省略号 弹性和模型

标签:hit   拉伸   shrink   dde   cti   就是   建议   盒模型   ken   

原文地址:https://www.cnblogs.com/liuliang389897172/p/10368993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!