- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在我的网页上使用 Bootstrap 4,它在 flex 模式下使用 bootstrap 网格布局。
在其中一列中,我有一个要填充该列的按钮。这是通过使用 CSS 将按钮设置为 100% 高度来完成的。
这在所有浏览器中都没有任何问题,除了 Safari,它似乎被忽略了。
我使用的 html 看起来像这样:
<div class="container">
<div class="row">
<div class="col-10">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis felis turpis. Fusce blandit malesuada dolor, id gravida tortor cursus varius. In vulputate ipsum ut lorem commodo elementum. Cras finibus at mauris vel varius. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis felis turpis. Fusce blandit malesuada dolor, id gravida tortor cursus varius. In vulputate ipsum ut lorem commodo elementum. Cras finibus at mauris vel varius. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis felis turpis. Fusce blandit malesuada dolor, id gravida tortor cursus varius. In vulputate ipsum ut lorem commodo elementum. Cras finibus at mauris vel varius.
</div>
<div class="col-1">
<button class="btn btn-primary" type="button">Lorem ipsum</button>
</div>
</div>
</div>
除了常规的 Bootstrap 代码外,我还添加了以下 css:
button { height: 100%; }
这是一个显示问题 http://codepen.io/anon/pen/BppMvw 的代码笔示例
有没有人对如何解决这个问题有任何建议?由于该行中的其他列可能具有可变高度,因此我无法设置固定高度。 Javascript 也不是一个选项。
最佳答案
一个解决方案可能是在按钮上设置 flex:1
并使其父级成为 flex 容器。 See here.
关于css - Mobile Safari 和 Bootstrap 4 列内容高度 100% 未兑现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41742901/
我在 MDN 中阅读有关 javascript 的内容时遇到了谈论 promise 的部分,但不明白它的含义。 代码非常简单,但是我不明白警告这个词。兑现 promise 是什么意思?隐式返回是什么意
嗨,我是新来的,如果我的问题表述不当,我深表歉意。 我想在全局函数中定义来自 axios js 的 promise 。在这里,我想全局处理/捕获 401 状态并注销用户。我不想在每个查询中都处理它。
为了变得对移动设备友好,我实现了@cch 友善建议的媒体查询。它有效地隐藏了“aside”(侧边栏),但未能将“文章”(main)扩展到所有浏览器和所有设备上产生的空白区域。我做错了什么? CSS 后
我四处寻找,但无法找到答案。我想做一个加权 geom_bar 图,上面覆盖着一条垂直线,显示每个方面的整体加权平均值。我无法做到这一点。垂直线似乎是应用于所有方面的单个值。 require('ggpl
当 QTimer 回调中引发异常时,我遇到了 python 崩溃的问题。下面是一个小例子,展示了这一点 import sys from PyQt5.QtCore import (QTimer, pyq
我使用 mongoose 和 bluebird 作为 promise 框架。每次我使用“保存”或“删除”时,我都会收到此错误: Warning: a promise was created in a
我正在尝试像这样在我的 docker-compose.yml 文件中定义一个容器 - gitea: image: gitea/gitea:latest depends_on: - ma
我正在开发一个简单的 Ember 应用程序,它从 API 检索所有语言字符串。我已经使用 translate() 设置了服务方法,并将该服务注入(inject)到帮助程序中。问题是我想使用的属性在助手
我是一名优秀的程序员,十分优秀!