Login
网站首页 > 文章中心 > 其它

css中display属性flex

作者:小编 更新时间:2023-07-29 11:23:33 浏览量:161人看过

css标准中是没有这种写法的。或许这是某个框架的自定义用法?

您提到的代码中有一些语法错误,导致它无法被正确解析。

首先,在 CSS 中,孙早租选择器后面应该跟着一个大括号,用来括起来样式声明。例如,正确的写法应该是这样的:

.a {

margin-left: 35px;

}

其次,在 CSS 中,不能在一个选择器的样式声明块中睁胡嵌套另一个选择器。也就是说,您不能在 .a 选择器的样式声明块中写另一个选择器 .b 的样式声明。这种写法是错误的。

正确的写法应该是这样的:

.b {

也就是说,您需要分开写两个选择器的样则兆式声明。

在css中,我们可以穗册使用flex去实现垂直居中,但是flex并不是一个很好的方法,现在很多浏览器并不支持flex,例如IE8,9。

css代码:谨孙

body{background:#999}

.flexboximg{width:100px;height:100px;align-items:center;}

如果情况容许的话,可以用以下方法,兼容性更好:

body{background:#ccc;}

.posdiv{width:300px;height:250px;background:#fff;position:relative;margin:0auto}

.posdivimg{width:100px;position:absolute;top:50%;margin-top:-50px;}

以上就是土嘎嘎小编大虾米为大家整理的css中display属性flex相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章