《西山居》专题

问题内容： 免责声明： 我不相信这是重复的，因为我使用相对尺寸来生成全屏网格布局而不使用。 问题： 在这个jsFiddle中，我有四个等比例的框。它们旨在跨越屏幕宽度并保持正方形。其中包含一些示例方形DIV（40％x40％）。我正在努力使文本标签在水平方向和垂直方向居中。 我看过（并尝试过）的所有示例都不起作用，因为它们要求我知道标签的高度，或者它们使用了受浏览器限制的技巧。我需要按照小提琴使用所

问题内容： 我正在尝试使用CSS的flexbox垂直居中放置项目；而且，我知道如何使用非供应商前缀的代码来做到这一点，但是即使使用供应商前缀，我也无法在Webkit（Chrome）中使用它。 我正在尝试垂直对齐#trigger中的跨度。 这是我的CSS： 有什么想法我做错了吗？ 而且，如果您知道我正在使用的其他供应商前缀/版本的属性，请随时共享它们，以便它不仅可以在Webkit中使用。 问题答案：

问题内容： 我需要使用引导程序通过将div定位在页面中心来创建响应页面，如下面提到的布局。 问题答案： Bootstrap 4的更新 使用flex-box简化垂直网格对齐 Bootstrap 3的解决方案 这是一个以所有屏幕尺寸为中心的水平和垂直div的简单示例。

问题内容： 我正在Twitter Bootstrap中构建表单，但是将按钮居中于表单输入下方时出现问题。我已经尝试过将类应用于按钮，但这没有用。我该如何解决？ 这是我的代码。 问题答案： 用“文本中心”类在div中包装Button。 只需更改此： 对此： 编辑 作为 BootstrapV4 ，滴入＃19102赞成

问题内容： 在下面的示例中，绝对定位，我需要将其水平居中。通常，我会为相对定位的元素执行“ a”操作，但是我被困在这里。有人可以给我指路吗？ HTML CSS 问题答案： 如果要在左属性上居中对齐。 对于顶部对齐，同样可以使用margin-top：（div的width / 2），概念与left属性相同。 将标头元素设置为position：relative很重要。 尝试这个： 如果您不想使用计算，可

问题内容： 我使用引导程序，并试图像这样将div（span7）居中： 我的CSS代码是： 但这并不是中心。如何设置中心？ 编辑 现在在Bootstrap 4中 问题答案： Twitter的引导程序类浮动在左侧，因此它们不会以通常的方式居中。因此，如果您希望它居中，只需将其添加到规则中即可。 CSS

问题内容： 我的页面布局看起来像这样： 您会注意到，当垂直滚动条出现时，content-wrapdiv会稍稍移动其位置。一种情况是浏览器开始逐渐呈现页面而不显示垂直滚动条，然后确定需要滚动条，因为内容比“折叠”高。这会将div向左移动约10像素。 在 不强制浏览器始终显示滚动条的情况下 解决此问题的最佳方法是什么 ？ 问题答案： 恐怕解决此问题的最佳方法是使用强制滚动条始终可见。您遇到的问题是，出

问题内容： 我在这里想念什么？ 编辑 ，因为这在注释中不起作用： 以下解决方案将导致以下结果： 但是我要的是： 编辑＃2： 根据到目前为止的反馈，听起来整个标签都是一个失败的主张。有没有人有一个代替他们使用的例子-看起来更可靠的东西呢？ 问题答案： 假设您的标记类似于以下内容： 您的CSS应该如下所示： 最简单的 噢，亲爱的……在跨浏览器兼容性方面，您可能选择了CSS中最困难的东西。卡梅伦·亚当斯

问题内容： 我希望整个块都以其父对象为中心，但是我希望块的内容保持对齐。 例子最有用 在本页面 ： http://yaml-online- parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a—+%7c%0d%0a %5c%2f%2f%7c%7c%5c% 2f％7c％7c％0d％0a ％2f％2f +％7c％7c ++％7c％7c __％0d％0a＆type =

问题内容： 我的布局有一个容器flex-container和一个孩子。 HTML： 容器和孩子的身高未知。目标是： 如果孩子的身高低于容器，则其水平和垂直居中。 如果孩子的身高大于容器，则它会调整到顶部和底部，我们可以滚动。 方案： 在此处输入图片说明 使用flexbox将元素居中的最快方法是： 但是，如果容器的子代具有更高的高度，则该子代将无法 正确显示。子项显示为割伤（仅顶部）。 问题答案：

问题内容： 我想将居中。但是，事实并非如此。我只想找出原因以及如何使其居中。 问题答案： 您需要设置容器的宽度。（不起作用） MDN的CSS参考说明了这一切。

问题内容： 我正在使用bootstrap 4 alpha3。 我想在整个页面的中间水平放置卡片。 我尝试了卡的bootstrap 4示例页面上列出的所有不同选项。 我该如何实现？ 问题答案： 为.card添加CSS 更新： 您可以使用引导程序4中可用的类来居中放置卡。

问题内容： 是否可以将div中的背景图像居中放置？我已经尝试了几乎所有内容-但没有成功： 这可能吗？ 问题答案：

问题内容： 我知道这个问题存在一百万次，但是我找不到解决方案。我有一个div，它应该固定在屏幕上，即使滚动页面，它也应该始终保持在屏幕中间！ 对于所有浏览器尺寸，div应该具有宽度，应该远离顶部（页边距），应该在页面中间水平居中，并且在滚动其余页面时不应移动。 那可能吗？ 问题答案：

问题内容： 我有一个div 。其内容水平和垂直居中。 当div中的内容太长时，内容将自动换行。但是在这种情况下，对齐方式会中断。请参阅摘要。 如果我添加正确显示。但是，为什么没有中心呢？ 问题答案： flex容器的HTML结构具有三个级别： 容器 该项目 内容 每个级别代表一个独立的独立元素。 该属性是在flex容器上设置的，用于控制flex项目。它不能直接控制项目的子项（在这种情况下为文本）。