Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
Google Chrome 使用 Flexbox 视口锚定扩展方向
Google Chrome 中存在一个问题 当元素放置在带有adjacent弹性项目有space between or center合理的内容 这在 Firefox IE11 Edge 或 Safari 中不是问题 因为元素始终向下扩展 我
jQuery
css
Googlechrome
flexbox
将最大子宽度分配给其他子宽度的弹性框
我有一组宽度应该相似的孩子 对于简单的孩子来说 宽度最大的孩子应该分配给其他孩子 我尝试使用flexbox但无法得到它 是否可以在弹性盒中实现或者我应该去实现JS解决方案 请参考我尝试过的示例 请不要发布任何 javascript 答案 f
html
css
flexbox
当同级项具有不同宽度时将 Flex 项居中[重复]
这个问题在这里已经有答案了 我知道 Flexbox 为居中项目提供了一个很好的解决方案 但是当我有 3 个项目并且我希望中心 第二个 项目相对于窗口居中时 我遇到了一个问题 而不管其他 2 个项目的大小 在我的笔中 您可以看到第二项 客户索
html
css
flexbox
centering
Safari:flexbox 和最小高度
我需要一个带有 Flexbox 子项的滚动 Flexbox 容器 容器有一个 由 flexbox 定义的高度 子级应该和它们的内容一样高 这在 Safari 中效果很好 在 Safari 中 子级不会超出容器的高度 实际上 Safari 中
css
safari
flexbox
是否可以在弹性布局中定位每行的第一个和最后一个元素?
给定 Flex 布局中的缩略图列表 如果 Flex 容器具有可变宽度 是否可以仅使用 CSS 来定位每行的第一个和最后一个元素 thumbnails display flex margin 0 padding 0 list style ty
css
cssselectors
flexbox
Flexbox 列拉伸以适合内容[重复]
这个问题在这里已经有答案了 各位开发人员大家好 我想创建一个允许内容从上到下 从左到右排列的容器 父容器需要拉伸以适应但在最大定义值之内 我为此目的使用了 flexbox 但是我没有让父容器拉伸以适应 有没有人有任何建议 而不必用 java
html
css
flexbox
使用 Flexbox 以相同的高度均匀分布导航项
我有一个导航 其中有许多菜单项 每个菜单项中的文本长度各不相同 它的外观如下 nav ul display flex justify content space between align items center text align c
html
css
flexbox
Flexbox行:不根据内容增长? [复制]
这个问题在这里已经有答案了 我有以下结构 我想了解为什么我的行不随其内部内容增长 row border solid red display flex flex direction row cell border solid green fl
css
flexbox
弹性盒/网格布局中的最后一个边距/填充折叠
我有一个项目列表 我正在尝试使用 Flexbox 将其排列成可滚动的水平布局 容器中的每个项目都有左右边距 但最后一个项目的右边距正在折叠 有没有办法阻止这种情况发生 或者有一个好的解决方法 ul list style type none
html
css
flexbox
cssgrid
让 Flex 容器采用内容的宽度,而不是宽度 100%
在下面的示例中 我有一个具有以下样式的按钮 button flexbox approach other button styles display flex justify content center align items center
html
css
flexbox
更改 div 与背景图像之间的 Flex 间距
hi i am remaking the google chrome home page but i cant seem to do the part at the bottom of the page were the most used
html
css
flexbox
spacing
你能让弹性盒子项扩展以适应父项而不是内容吗?
我正在使用一个flexbox使 div 占据浏览器窗口中剩余的垂直空间 但我想防止它超出该范围 当其内容超出其垂直尺寸时 我希望滚动条显示在现在太小的 Flexbox 子项中 这可能吗 或者我应该使用其他一些布局技术吗 这是一个 JSFid
css
flexbox
弯曲等高列,但尊重另一列的最大高度[重复]
这个问题在这里已经有答案了 我如何使下面的代码仅使用CSS flex 而不使用Javascript 第二列有动态内容列表 我需要根据第一列的高度应用滚动条 HTML div class row d flex div class col lg
html
twitterbootstrap
css
flexbox
在表格行上使用 Flexbox?
我找不到任何快速答案 使用起来爽吗display flex 在表行上 tr 元素 感觉不对 但如果没有兼容性问题我会这样做 这是我正在谈论的内容的代码笔 https codepen io connorv pen boEYOB editors
html
css
htmltable
flexbox
Flexbox 实现水平滚动
我正在使用 Flexbox 布局制作一个购物中心网站 但 Flexbox 在某些区域会导致问题 Flexbox 似乎在某些区域进行水平滚动 但我不希望这样 您的问题是横幅中的图像太宽 无法适应大多数视口 因此它们迫使页面变宽 没有简单的方法
html
css
flexbox
Flex 项目未包装在列方向容器中
我想用flex direction column对于特定的布局 我通常使用标准flex direction row 所以我在使用时遇到了一些问题column 我不太知道如何控制它 并且在谷歌上没有找到任何有用的东西 我有一个常规的UL列表
html
css
flexbox
flex-flow:列换行,在弹性框中导致父容器溢出
我有这样的场景 https jsfiddle net b6zcdgf7 https jsfiddle net b6zcdgf7 container display flex height 3em border solid thin blue
html
css
flexbox
填充滚动 Flex 容器的 100% 宽度
我有一个水平滚动元素 overflow x scroll 与包含弹性项目的弹性容器 我正在尝试将背景应用于弹性容器 但正如您在下面的示例中看到的 尝试向左 向右滚动 背景仅应用于视口的可见部分 橙色 有没有什么方法可以将其扩展到全宽 而不必
html
css
flexbox
使用带有 Angular 2 组件的 Flexbox
我想更新我的 Angular 2 应用程序的视觉部分 网格 颜色 旧布局是使用 Bootstrap 4 构建的 我不再需要它了 我决定使用纯 css3 并使用 Flexbox 构建网格 我在codepen上预览了这个网格 http code
javascript
css
flexbox
angular
CSS:选择最后排序的 Flex 子项
给定任意数量的具有内联的 Flexbox 子项order用于排序的属性 如何选择 CSS 中最后一个排序的元素 ul style display flex li a li li b li li c li li d li li e li ul
css
flexbox
«
1 ...
3
4
5
6
7
8
9
...25
»