《西山居》专题

问题内容： 我们的页面看起来像这样 我们想要这样显示： 1）我们需要在中心显示文本和文本字段 2）我们需要为页面的某些部分添加背景色 CSS html 请帮助我找到解决方案。 提前致谢 问题答案： 替换此样式并检查它 替换代码

问题内容： 我有一个div，希望它水平居中-尽管我给它的是不居中… 问题答案： 您需要设置和。 这指定了从窗口侧面偏移边缘边缘的距离。 类似于“ top”，但指定框的右边距边缘与框的包含块的[right / left]边缘的[left / right]偏移多远。 注意： 元素的宽度必须 小于 窗口的宽度，否则它将占用窗口的整个宽度。 如果可以使用媒体查询来指定 最小 边距，然后过渡到更大的屏幕尺寸

问题内容： 我在div（）中有一个，并且我希望此图像恰好位于div的中间，但是我尝试的任何方法都无效 谢谢你的帮助！ 问题答案： 此处发布的每个解决方案都假定您知道的尺寸， 这不是常见的情况。 同样，将尺寸植入解决方案中也是痛苦的。 只需设置： 要么 就这样。 请注意，您还必须为external设置一个缩写。

问题内容： 我想居中背景图像。没有使用div，这是CSS样式： 上面的CSS会全部平铺并将其居中，但是看不到一半的图像，只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗？ 问题答案： background-image: url(path-to-file/img.jpg); background-repeat:no-repeat; background-position

问题内容： 如何在不使用额外的div或元素的情况下将列表项集中在ul中。我有以下几点。我以为会成功。我似乎无法弄清楚。 检查jsfiddle http://jsfiddle.net/3Ezx2/1/ 问题答案： 写代替。

问题内容： 我正在测试像Windows Metro风格的中心分隔线。如果您检查以下代码： 灰色框为70％，在屏幕上居中，这是正确的，但是当我将窗口加宽并且绿色分隔线在移动时，您会看到绿色框在某些点上没有居中。 我已经整天在搜索这个了 如何帮助我呢？ 问题答案： 我之前的答案显示了一种坦率地说已经过时的方法（它仍然有效，只有更好的方法可以实现此目的）。因此，我正在对其进行更新，以包括一个更现代的fl

问题内容： 垂直居中html图像旁边的文本的最佳和最简单的方法是什么？需要与浏览器版本/类型无关。纯HTML / CSS解决方案。 问题答案： 我总是退回到这个解决方案上。不太hack-ish并完成工作。 编辑：我应该指出，您可以使用以下代码来实现想要的效果（原谅内联样式；它们应该在单独的工作表中）。图像（基线）上的默认对齐方式似乎会导致文本对齐基线。至少在FireFox3中，将其设置为中值可以使

问题内容： 我的网站上移动菜单的底部有一个基于伸缩的无序社交媒体图标列表。 我正在尝试让三排并排坐，等距离分开。我已经用规则来解决了 但是 我的问题是，当有三个以上的项目时，下一行从中间开始填充，而我希望 随着用户添加更多图标， 它从左侧开始填充 。 我越深入地解释这一点，就越不确定这是否可能，但是我想我还是把它扔出去了，以防万一。 是否可以使下一行中的列表项从容器的左侧开始，而不会弄乱规则？ 目

问题内容： 我有一个自举轮播，并且我正在尝试为该轮播创建标题，该标题始终垂直居中并稍微向左定位。我有用于水平定位的css。但是当我尝试垂直定位时，字幕不会停留在原处。如何使.carousel字幕始终保持垂直居中，并稍微向左对齐？ HTML： CSS： 为了使字幕垂直对齐，我所做的任何事情都随着屏幕尺寸减小，字幕被从轮播的顶部推出。.谢谢您的帮助。 问题答案： 您可以使用CSS属性的功能垂直对齐元素

问题内容： 我有这样的标记： div高于img： 我需要将图像放置在div的中间（在其上下具有相同的空白）。 我试过了，它不起作用： 问题答案： 如果您的图像纯粹是装饰性的，那么将其用作背景图像可能是一种更语义化的解决方案。然后您可以指定背景的位置 如果它不是装饰性的并且构成有价值的信息，则img标签是合理的。在这种情况下，您需要使用以下属性设置包含div的样式：

问题内容： 我需要居中排列一个宽度未知的无序列表，同时仍然保持列表项对齐。 获得与以下相同的结果： HTML CSS 除了我没有父母div。无法使用，因为我没有固定的宽度。不起作用，因为列表项将不再保持对齐。那么，如何在保持s对齐的同时居中（没有父div包装器）呢？ 编辑 ：也许我的措辞是不是最好的…第一个代码块已经工作…我需要的是做 不 的包装，如果这当然是可能的。浮动花样？伪元素技巧？一定有办

问题内容： 似乎有一些我不了解的魔术。 考虑以下标记： 而这个CSS： 是什么使按钮元素中的文本垂直居中？Webkit似乎预定义了一个值为的元素。如果我将其设置为文本不再与中心对齐。但这似乎并不是全部的魔术，因为另一方面，我没有运气使用该属性将文本放在div的中心。 问题答案： 我知道这已经有两年的历史了，但是我会在编写项目的重置样式表时进行一些调查后发表自己的看法。 注意**这是基于浏览Fire

问题内容： 我正在使用CSS网格来布局这样的某些项目… 如何使最后一行居中而不是左对齐？我不能保证项目的数量，因此想要使布局适合任何数量的项目。 这是我应该使用flexbox代替的东西吗？还是CSS网格适合使用？ 问题答案： CSS Grid不适合在整行中对齐，因为纵横交错的轨道阻碍了这种方式。以下是详细说明： 或者，将flexbox与一起使用。 这会将所有项目打包在该行的水平中心。然后，您的利润

问题内容： 我需要在窗口中心放置一个（带有）元素。但是我遇到了问题，因为 宽度未知 。 我试过了 但是，由于宽度是响应性的，因此需要对其进行调整。 有任何想法吗？ 问题答案：

问题内容： 我想将CSS垂直居中放置。我不需要表或JavaScript，而只需要纯CSS。我找到了一些解决方案，但是所有这些解决方案都缺少Internet Explorer 6支持。 如何在所有主要浏览器（包括Internet Explorer 6）中垂直居中？ 问题答案： 下面是我可以构建的最好的全方位解决方案，以使固定宽度， 高度灵活的 内容框垂直和水平居中。它已经过测试，可用于Firefox