问题内容: 我想居中背景图像。没有使用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
问题内容: 我正在使用的div是父div高度的100%。 div仅包含一行文本。 div不能具有固定的高度。 所以我的问题是。 如何垂直对齐文本行? 我试过使用: 如果很重要,则div是绝对定位的。 当前的CSS 问题答案: 这个答案不再是最好的答案…请参阅下面的flexbox答案! 为了使其完全居中(如大卫的回答中所述),您需要添加负的上边距。如果您知道(或强制)只有一行文本,则可以使用: 例如
问题内容: 我想有两列等高,它们的内容应该居中对齐,因此在每个div的正中间。 问题: “等高”和“中间对齐”似乎将自己排除在外,一个与另一个不兼容。 问题: 如何创建一个具有两列的行,这两列具有不同的宽度,相同的高度,并且其内容居中于每一列的中间? http://jsfiddle.net/kjjd66zk/1/ 问题答案: 此布局的关键是将相等的高度应用于主伸缩容器。 然后,将flex项目嵌套在
问题内容: Test 在100%扩展,因为它应该,但图像没有中心本身。为什么? 问题答案: 因为您的图片是[inline-block元素。您可以将其更改为如下所示的块级元素: 它将居中。