个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我很难调试这个 jsbin .
给定以下布局:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
</head>
<body>
<div class="col-xs-12">
<div class="container contenedor">
<div class="row">
<div class="col-xs-12 col-md-8">
<div class="filler green">Green</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="filler orange">Orange</div>
</div>
</div>
</div>
</div>
<div class="height"></div>
</body>
</html>
和以下 CSS:
.filler {
width: 100%;
height: 5em;
text-align: center;
}
.filler.green {
border: 1px dashed green;
background-color: green;
}
.filler.orange {
border: 1px dashed orange;
background-color: orange;
}
.height {
height: 100em;
}
.contenedor {
padding: 0;
}
在 chrome 中，1200px 视口(viewport)中的 .container.contenedor margin-right 被计算为 -15px，margin-left 被计算为 0px，尽管 Bootstrap 将这两个属性设置为 auto。在视口(viewport)中，就像我的情况一样，1298 像素，两个边距都计算为 49 像素。
据我所知，同时将 margin-left/right 设置为 auto 是一种使元素居中的常用技术，因为两侧的剩余空间被平均分配。
所以，我的问题是，这种行为是 chrome 的错误吗？我错过了这个属性的东西吗？能解释一下吗。另外，如果我删除了 .contenedor(它有 padding:0)，问题就会消失，左右边距计算正确，但我仍然不明白。
谢谢。
PD，我不是要修复布局或 css，我只是想了解为什么会这样。
更新:我忘了说，我的 chrome 版本是 Ubuntu 14.04 上的版本 39.0.2171.99(64 位)
最佳答案
正如 Bootstrap 的文档所说(http://getbootstrap.com/css/#grid)，行必须放在容器中，列必须放在行中。
您将所有内容都放在一个列中。我已经排除了第一个 col-xs-12，它在这里工作(Chrome/Firefox 和 Ubuntu 14.04 也是如此)。
<div class="container contenedor">
<div class="row">
<div class="col-xs-12 col-md-8">
<div class="filler green">Green</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="filler orange">Orange</div>
</div>
</div>
</div>
关于css - 为什么 margin :auto is calculated different on chrome?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28102922/
26
4
0
我知道这类问题已经得到解答，但就我而言，我已经尝试了所有配置，但仍然不起作用。我需要对我的配置有一个新的看法(我确信我错过了一些东西)。两个附加程序都会记录所有级别 我想将所有包的信息 >= 记录到控
我正在对 Windows 移动设备上的代码性能进行一些基准测试，并注意到某些算法在某些主机上的表现明显更好，而在其他主机上则明显更差。当然，考虑到时钟速度的差异。 供引用的统计数据(所有结果均由同一个
我有一个程序可以计算多边形的面积和周长。程序还会确认面积和周长的计算结果是否与预期结果相同。 我不明白发生了什么，但确认面积和周长是否与预期相同的验证部分无法正常工作。 例如，我现在测试并在所有情况下
Codepen :(对于那些想直接进入的人来说，这是一个代码笔。在 Chrome 和 IE 中尝试一下，看看结果的不同) 我正在尝试使用 css3 转换/过渡，因为它们比 jquery 效果更流畅。
我有几个不同的正则表达式要在给定文本中匹配和替换。 regex1 :如果文本包含单词“Founder”，则将所有文本替换为首席执行官 正则表达式2:如果文本包含9位数字，则将其替换为NUM 我尝试使用
我编写了多线程应用程序，它从每个线程的数据库连接到一些电子邮件帐户。我知道 JavaMail 没有任何选项可以使用 SOCKS5 进行连接，因此我决定通过 System.setProperty 方法使
如您所见，这是我当前 Storyboard的不同设备预览。底部的透明绿色被另一个 View Controller 占用，但需要为每个不同的尺寸类固定间距。我尝试将 Storyboard 中的宽度和高度
我正在创建一个游戏，我需要能够改变玩家 Sprite 的速度。我认为最好的选择是通过重力影响 Sprite 。为了给用户运动的感觉，我希望背景以完全相同的速度向相反的方向移动。 我怎样才能给背景一个不
我正在查看BTrees库并注意到有多个 TreeSet (和其他)类，例如 BTrees.IOBTree.TreeSet BTrees.OOBTree.TreeSet BTrees.LFBTree.T
我有一个小型 C++ 库，必须为 armeabi 和 armeabi7a 编译。我还有一个非常大的 c++ 库，只需要为 armeabi 编译。现在正在为两种架构编译它们(使用 NDK)，但这使我的
我需要根据站点的当前部分稍微更改主题。 似乎 MuiThemeProvider 只在加载时设置 muiTheme；但需要在 props 变化时更新。 如何做到这一点？ 最佳答案 您可以尝试将主题放在包
如何创建两个每个都有自己的计数器的 lSTListing 环境？ 如果我使用例如 \lstnewenvironment{algorithm}[2]{ \renewcommand\lstlist
我想使用 Travis-CI 和 Github 基于分支设置部署。 IE。 - 如果我们从 develop 构建- 然后执行 /deploy.rb使用 DEV 环境主机名，如果 master - 然后
我有一个带有数据验证的 WPF MVVM 数据表单窗口。很多控件都是文本框。目前，数据绑定(bind)触发器设置为默认值，即。 e.失去焦点。这意味着仅在可能完全填写字段时才对其进行验证。所以当删除一
我有许多应用程序的内容页面，并最终为每个内容页面编写了很多 View 模型。例如。如果我有一个包含项目组的列表，我将有一个 ShowAllViewModel并绑定(bind)到内容页面和列表中单个项目
我有一个通用 View 和 4 个其他 View 。我在通用 View 中使用 Bootstrap 选项卡(导航选项卡)。我希望其他 4 个 View 成为通用 View 中 4 个选项卡的内容。由于
我希望针对 Maven 发布插件的不同目标有不同的配置选项。故事是这样的: 我正在将 Git 用于 SCM。我希望release:prepare插件在本地完成所有操作，并让release:perfor
我正在为一个项目使用AbstractTableModel制作一个自定义TableModel，并且我需要找到一种方法让复选框显示在某些行上，而不是其他行上。我已经实现了 getColumn 方法，但我希
摘自《Javascript 忍者的 secret 》一书: EVENTS ARE ASYNCHRONOUS Events, when they happen, can occur at unpredi
我正在尝试配置我的第一个 GWT 记录器，到目前为止，我已经将日志消息打印到我的 JS 控制台(FF 的 Firebug): 最终，我希望非SEVERE 消息转到consoleHa
我是一名优秀的程序员,十分优秀！