css align-items的测试

简介: css align-items的测试

测试源代码:


Jerry 测试

</div><div>#main {</div><div>    width: 220px;</div><div>    height: 300px;</div><div>    border: 1px solid black;</div><div>    display: flex;</div><div>}</div><div><br /></div><div>#main div {</div><div>   flex: 1;</div><div>}</div><div>


 

RED

 

BLUE

 

Green div with more content.

image.pngimage.pngimage.pngimage.png

stretch: 默认值。元素被拉伸以适应容器。

如果指定侧轴大小的属性值为’auto’,则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照’min/max-width/height’属性的限制。


center: 元素位于容器的中心。

弹性盒子元素在该行的侧轴(纵轴)上居中放置。(如果该行的尺寸小于弹性盒子元素的尺寸,则会向两个方向溢出相同的长度)。


目录
相关文章
|
1月前
|
前端开发 JavaScript Java
《手把手教你》系列技巧篇(十九)-java+ selenium自动化测试-元素定位大法之By css下卷(详细教程)
【4月更文挑战第11天】按计划今天宏哥继续讲解css的定位元素的方法。但是今天最后一种宏哥介绍给大家,了解就可以了,因为实际中很少用。
50 2
|
1月前
|
Web App开发 编解码 前端开发
css怎么测试
【4月更文挑战第13天】css怎么测试
20 4
|
1月前
|
前端开发 JavaScript Java
《手把手教你》系列技巧篇(十八)-java+ selenium自动化测试-元素定位大法之By css中卷(详细教程)
【4月更文挑战第10天】本文主要介绍了CSS定位元素的几种方法,包括ID属性值定位、其他属性值定位和使用属性值的一部分定位。作者提供了示例代码,展示了如何使用这些方法在Java+Selenium自动化测试中定位网页元素。通过CSS选择器,可以更精确地找到页面上的特定元素,如输入框、按钮等,并进行相应的操作,如输入文本、点击等。文章还提供了实际运行代码后的控制台输出和浏览器动作的示例。
62 0
|
1月前
|
前端开发 JavaScript Java
《手把手教你》系列技巧篇(十七)-java+ selenium自动化测试-元素定位大法之By css上卷(详细教程)
【4月更文挑战第9天】本文介绍了CSS定位方式的使用,包括它的优势和8种常用的定位方法。CSS定位相比XPath定位更快、更稳定。文章通过示例详细讲解了如何使用CSS定位元素,包括通过id、name、class name、tag name、link text、partial link text以及XPath进行定位。还提供了Java代码示例来演示如何在自动化测试中使用这些定位方法。
45 1
|
9月前
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
39 0
|
前端开发 JavaScript API
测试vue官网中的css功能篇
测试vue官网中的css功能篇
|
前端开发
CSS——CSS权重计算测试题
CSS——CSS权重计算测试题
220 0
CSS——CSS权重计算测试题
html+css实战87-优先级-基本测试
html+css实战87-优先级-基本测试
99 0
html+css实战87-优先级-基本测试
|
前端开发
CSS - 解决 “本地测试” 和 “线上测试” 样式不一样问题
CSS - 解决 “本地测试” 和 “线上测试” 样式不一样问题
651 0
|
存储 前端开发 开发者

热门文章

最新文章