1回答
我有一个背景图片，它是垂直和水平居中使用CSS。它看起来很棒，只要窗口足够大来显示背景图像，它就可以工作。
当窗口大小调整到比bg图像小时，我遇到的问题就出现了。当这种情况发生时，bg图像继续居中，但我需要在bg图像的顶部和左侧保持最小的边距。BG图像是900px x 700px，我使用的代码是：
#main_wrapper {
background-image: url(../images/background.jpg);
position:relative;
width:900px;
height:700px;
left:50%;
top:5
浏览 0提问于2012-07-13得票数 1
我有一个脚注div，这是一个简单的div，它有一个固定的高度和(它有一个背景图片，这就是为什么这是必要的)。
我希望它包含另一个较小的div，但所有文本和其中的小图标都应该与页脚div的中间对齐。另外，我希望较小的div位于脚注div的底部。
就像在excel中的单元格对齐方式中选择水平:居中、垂直:底部。
这方面的理想解决方案是什么？我不擅长使用css。Javascript是不可能的。
浏览 0提问于2011-03-30得票数 1
回答已采纳
在我的网站上，我让背景图片始终居中，导航总是水平地停留在同一地点，所以水平大小并不重要，它总是在我通过以下方式做到的同一地点：
#nav {
list-style: none;
position:fixed;
right:50%;
margin-right:155px;
margin-top:220px;
}
我的问题是垂直部分。当窗口在垂直方向上很小并且向下滚动时，菜单会随着页面移动，这是我不想要的。我想让它留在那里的标志，但使用百分比的“顶部”似乎不起作用。我对javascript不是很熟悉，所以如果它能和CSS一起使用，我会更容易理解！
嘿！
这
浏览 43提问于2013-07-25得票数 3
2回答
我想做一个侧边栏，其中的文本是旋转和居中的侧边栏。我要的是文字和css，而不是背景图片之类的.
在css中，这样的事情会怎么做呢？
我试过使用transform: rotate(7deg);之类的东西，但我无法正确定位它。
具有基本结构。顶部应该在屏幕的左边(就像在图片中)。
这也必须是有反应的。单击菜单时，切换侧栏幻灯片，这样文本就可以很容易地用一些css/js隐藏起来。
谢谢
回答：
达林耶奥的回答对我来说是正确的选择。很多简单的组成div，你会(水平)，然后旋转整个div。
在div内旋转文本似乎更难正确定位所有响应性断点。
浏览 13提问于2016-05-28得票数 3
回答已采纳
2回答
想象一个网站，在页面的顶部有一个不同高度的横幅，
下面是div#wrapper内部的div#wrapper-inside
#wrapper-inside具有固定的宽度和居中
#wrapper有一个很大的背景图片
现在。当浏览器的视区宽度小于我们的#wrapper-inside时，我们会得到一个漂亮的水平滚动条，当我们向左滚动时，您会注意到#wrapper的宽度与浏览器视区的宽度保持一致。
问题是#wrapper会滚动，背景图像会被切断。
这个问题能单独用css解决吗?如果不能，那就用jQuery来解决吧？
浏览 4提问于2009-12-09得票数 0
回答已采纳
如果你有一个任意大小的div，你可以设置它有一个背景图片，然后你可以给这个图片设置背景大小的属性'cover‘。这将保持图像的纵横比，但会设置其大小，使其覆盖div，适合宽度或高度，取按比例较小的值。
background-image: ...
background-position: center;
background-size: cover;
有没有办法，在纯CSS中，我可以实现同样的事情，但使用一个div作为框架，以及一个内容div，它位于其中并缩放-保持它的外观-以填充框架div区域？
因此，div需要采用div的整个宽度，然后在父对象中垂直和水平居中，父对象的overflo
浏览 2提问于2014-02-02得票数 1
1回答
我试着给网站的主体添加一个背景，我想要显示整个背景，并将网站的内容居中。
我使用了以下CSS，但无法将其居中：
body {
margin: auto;
background: url(../images/bggeneral.jpg) top center repeat;
background-position: center;
font-size: 100%;
line-height: 1.0625em;
color: #515151;
width: 100%;
}
背景图片：
我需要裁剪图像或类似的东西吗？
浏览 0提问于2012-10-22得票数 1
回答已采纳
1回答
绝对中心登录表单隐藏引导程序3
、、、、
我正在创建一个登录表单，并尝试将容器居中(水平和垂直)。
它在台式机和大屏幕平板电脑上运行良好-登录容器完美地位于中心，背景图像显示得恰到好处。
然而，在手机上，在纵向视图中，背景图片是不可见的，在横向视图中，我无法向下滚动来填写登录表单，因为它被切掉了。
我试过摆弄大小设置，但它仍然不想工作！下面是Bootply示例：
浏览 1提问于2014-06-04得票数 1
2回答
IE似乎选择忽略我的背景图片:(，它获得了布局等的所有样式，但不确定我哪里出错了
这是删除的链接
css样例正文{ background:#eae3e3 url(样式/图像/bg.jpg)无重复居中0；}
浏览 0提问于2010-08-22得票数 0
回答已采纳
所以我有一个幻灯片，其中的图像不是背景图像，它们是内联的img标记，我希望幻灯片在这个模板上看起来像这样：
我需要它是响应性的，完整的宽度和高度，并始终水平和垂直居中，从顶部裁剪相同的数量从底部和从右侧的左侧。
我一直在研究，基本上找到了背景图片的答案。如果这是一张背景图片，我会知道怎么做……
我可以使用css和jquery，但最好只能使用css。
这是html：
<div class="cycle-slideshow" id="cycle-slideshow">
<a href="http://www.facebook.com/&
浏览 0提问于2016-07-06得票数 0
2回答
我会这样做:我有一个背景图片(顶部居中)，我会用内容填充它的中下部。我会做一些像这样的事情。注意:它是可调整大小的！
我怎么能做出这样的东西呢？我使用Zurb Foundation作为CSS框架。谢谢!
浏览 0提问于2012-02-11得票数 0
我的.cent类是用于<li>元素的。我想让<li>的文本水平和垂直居中。text-align:center;负责水平居中，但垂直居中不起作用。CSS的诀窍是什么？
.cent{
height:20px;
width:20px;
text-align:center;
vertical-align: middle;
}
浏览 5提问于2010-12-16得票数 5
回答已采纳
我正在使用这个脚本水平和垂直居中我的div。
当页面加载时，div会垂直居中，而不是水平居中，直到我调整浏览器的大小。
我做错了什么？
$(document).ready(function (){
$(window).resize(function (){
$('.className').css({
position:'absolute',
left: ($(window).width() - $('.className').outerWidth())/2,
浏览 5提问于2012-12-17得票数 36
回答已采纳
我有这个：<li>+</li>，我试着将文本居中。对于水平居中，我使用line-height。如何使用CSS进行垂直居中？
这是一个演示：
浏览 1提问于2011-12-03得票数 0
回答已采纳
2回答
有没有人知道在不使用背景图片的情况下在<textarea>中创建水平标尺的方法？
CSS3会很好的。如果有必要，我可以为IE创建一个镜像后备。
示例：
浏览 0提问于2012-02-28得票数 25
回答已采纳
2回答
我试图在CSS中创建大致类似于以下内容的内容：
其中，+2在圆圈中以水平和垂直方向居中，而DEX则在+2下面水平地居中。
我怎样才能做到这一点？
浏览 1提问于2017-08-08得票数 2
回答已采纳
我正在尝试编写一个符合HTML5的文档，该文档将通过W3C验证器：。
验证器抱怨标签的每次使用，并建议我使用CSS。不幸的是，CSS似乎不能将块水平居中。它可以使用' text -align: center‘属性将文本居中，但尝试居中表格和图像会失败。
我在上读过"CSS居中指南“，但它的所有示例都不能水平居中表格或图像(至少在Firefox36.0上是这样)。谁能建议一下如何使这张桌子居中？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" co
浏览 1提问于2015-04-02得票数 2
3回答
我正在尝试在Javascript中居中按钮，以便它在页面中水平居中。现在，我的按钮在html文件中，所以我不知道如何使用CSS将其居中，因为它在Javascript中。 TLDR:在Javascript中，如果我声明了一个按钮btn，我应该写什么代码来水平居中它？ 我在互联网上到处寻找一种使用Javascript使按钮居中的方法，但都无济于事。我希望你们都能帮助我。 谢谢!
浏览 501提问于2021-06-26得票数 0
回答已采纳
我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中，我希望有另外2个div，其中一个将包含徽标，另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前，我所拥有的是：
下面是我的HTML和CSS的jsfiddle：
我如何才能使logo div居中(仅水平居中，并具有10px的页边距-顶部)，并使logo图像在该div内居中，水平和垂直居中，就像现在一样？
浏览 2提问于2012-10-16得票数 1
回答已采纳
4回答
我想在页面底部居中一个按钮：
<footer>
<div class="centerContent">
<input name="submit" type="submit" />
</div>
</footer>
Css:
.centerContent {
text-align: center;
}
footer {
clear: both;
height: 100px;
position: absolute;
b
浏览 3提问于2013-10-22得票数 0
回答已采纳
4回答
我想让div水平居中，css代码是这样的：
<style type="text/css">
#footer{
position: fixed;
bottom: 20px;
background-color: red;
width:500px;
margin: auto;/*left:auto; right:auto;*/
}
</style>
和html代码：
<body>
<div id="footer">hello world</div>
&l
浏览 0提问于2013-04-17得票数 9
回答已采纳
我试图使一个链接，其中有一个height和一个200px的width。链接的文本应垂直居中和水平居中。
到目前为止，这是我的CSS：
a:link.Kachel {
width: 200px;
height: 200px;
margin: 0 auto;
display: block;
text-align: center;
background: #383838;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-align: center;
-moz-box-al
浏览 0提问于2013-02-14得票数 44
回答已采纳
3回答
我在html中的一个元素上有下面的css。它以水平居中的图像，但它不是在底部的页面，我需要它。如何更改此css以保持其水平居中，但使其位置:固定到底部？
background: url(loginv1.png)50% 50% no-repeat;
background-size: 75px 25px;
height: 40px;
width: 120px;
display: block;
margin: 0 auto;
浏览 7提问于2014-04-23得票数 1
回答已采纳
6回答
嗨，我想这应该很简单，但我不能让它工作。似乎无论我做什么，我都不能让文本组件在视图中水平居中。我已经尝试使用alignItems:center，justifyContent:center，alignSelf:center，textAlign:center...毫无办法。我可以让它垂直居中，但不能水平居中。亲爱的主啊，为什么？
<Animated.View style={[styles.titleContainer]}>
<Text style={styles.title}>App logo here</Text>
</Animated.View
浏览 3提问于2015-11-03得票数 5
21回答
我想使一个position: fixed;弹出框居中的屏幕与动态的宽度和高度。为此，我使用了margin: 5% auto;。如果没有position: fixed;，它可以水平居中，但不能垂直居中。添加position: fixed;后，它甚至不会水平居中。
以下是完整的设置：
.jqbox_innerhtml {
position: fixed;
width: 500px;
height: 200px;
margin: 5% auto;
padding: 10px;
border: 5px solid #ccc;
backgrou
浏览 5提问于2010-01-05得票数 513
回答已采纳
4回答
我想在屏幕中间居中显示一段文字。我想使用bootstrap将文本居中显示在屏幕中间，以节省一些时间。
我这样做了，但块仍然在中间的水平，而不是垂直和水平。
CSS：
.block {
top: 50%;
left: 50%;
}
HTML：
<div class="row">
<div class="col-xs-4">Text</div>
</div>
浏览 5提问于2015-01-23得票数 1
2回答
我的背景图片对齐似乎不正确。如何让背景图片居中对齐？
body {
background-image: url('<?php echo $backgroundpic;?>');
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
width: 100%;
height: 100%;
}
浏览 0提问于2015-11-01得票数 0
1回答
垂直和水平对齐
、、、
我的问题如下：
我垂直居中了一个div。但是，我想将另一个div水平居中。问题是我没有设法使它水平居中。
(X)HTML：
<body>
<div id="strut"></div>
<div id="page">
<div id="inner_page">
<h1>Galidie "jQzz" Clément</h1>
</div>
</div>
CSS：
html, body {
m
浏览 3提问于2012-10-20得票数 2
回答已采纳
我的HTML中有一个div，如下所示：
<div id="audio"><span>فایل های صوتی</span></div>
这两个元素的CSS如下所示：
#audio{
width: 100%;
height: 11%;
background-color: #3F1954;
}
span{
font-size: 20px;
color: white;
text-align: center;
font-family: btitr;
}
我希望跨度在div中居中(水平和垂直)，当我放大或缩小我的页面时，它
浏览 2提问于2014-10-02得票数 2
2回答
我正在尝试居中文本(水平和垂直)，我在这方面有一点困难。
这就是我尝试过的，但它只是水平居中，而不是垂直居中。
如何将此文本置于中心位置？
<div class="playerDetailsPage">
<p>
<h4>The text will be in the center</h4>
</p>
</div>
css
.playerDetailsPage {
background-color
浏览 0提问于2014-05-29得票数 3
回答已采纳
这是我的
<div class="overlay">
<div id="loading">
<img src="styles/images/30.gif">
</div>
</div>
我想让它垂直和水平地居中。
该图像仅为水平居中，如下面的屏幕快照所示：
我的CSS如下所示：
.overlay {
background: #e9e9e9;
display: none;
position: absolute;
top: 0;
right
浏览 3提问于2017-04-29得票数 1
回答已采纳
我想知道如何设置背景图片以保持其在此网站上的位置：
当你将浏览器拖到960像素以下时，侧边栏的背景开始向中心移动。
我找到了可以解决这个问题的。
我仍然在搜索是否有一个简单的方法在CSS中保持图像居中，而浏览器的宽度是超过960px和固定，而它是低于这个大小？
浏览 8提问于2012-10-02得票数 2
回答已采纳
我正在尝试使用引导类img-responsive和center-block将图像居中对齐。但不知何故，当从浏览器(IE和chrome)测试时，图像不会水平对齐。
奇怪的是，当尝试使用fiddle时，相同的html会将其居中对齐。
你能帮我找出我可以在代码中纠正什么，以便图像在页面上水平居中？
Fiddle在
代码：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
<div class=&#
浏览 22提问于2016-07-28得票数 0
回答已采纳
2回答
我想使用css在div中(水平地)居中(内联)三个图标。我的div在另一个div中居中，但我希望内容(三个图标)在该div中居中。
<div id="browsers">
<div id="browsers-wrapper">
<img src="Images/firefox.png" class="browserIcons">
<img src="Images/chrome.png" class="browserIcons">
&l
浏览 1提问于2015-01-07得票数 0
2回答
我正在试着对齐一张桌子。表格需要水平居中，并从顶部垂直保持相同的页边距。
当我使用下面的CSS时，它会将表格水平居中，但忽略top:50px。然后我在CSS上使用position:absolute;，然后它会显示left:50px;，但不会水平居中。
我如何才能做到这一点？我正在尝试远离DIV，但如果这是唯一的方法，我会使用它。
<body>
<table border="1" id="mainTable">
<tr>
<td width="150px" height=
浏览 2提问于2014-05-17得票数 0
2回答
带纵横比的中心分割
、、、
我需要在html视图中居中放置一个Div。它应该在垂直和水平方向上都居中。但Div应该保持其宽高比(4/3)，并且最小边距为10px。
我做了一个Javascript：
function resizeWindow() {
var wHeight = $(document).height() - 20;
var wWidth = $(document).width() - 20;
var gameStage = $("#gameStage");
if ((wWidth / 4) * 3 <= wHeight) {
gameStage.css("width
浏览 0提问于2015-08-26得票数 3
1回答
我想在html/css (没有js)中制作一个从数据库中带水平滚动条的图片块，这样无论它们的高度如何，它们都会居中。
我找到的将未知高度的图片居中的唯一解决方案是使用display: table或display: flex。但我发现制作水平滚动条的唯一解决方案是使用display: block。有没有办法同时完成这两项任务？
编辑：
就像这张照片上的一样。我的意思是图片应该居中，不同的高度：
浏览 6提问于2013-12-24得票数 0
4回答
我尝试将一个元素水平居中：
<div id="parent">
<div id="child">
</div>
在孩子上，我现在有以下css，它没有居中：
transform: translateX(50%);
不幸的是，50%取自#子代，而不是父代。有没有办法使用变换使这个元素居中(我知道我可以用‘left’将它居中)？
下面是css的完整列表
#parent {
width: 300px
height: 100px;
background-color: black;
border:
浏览 0提问于2013-12-12得票数 7
我有一个网上相册。缩略图页面是一个150px x 150px div的网格，缩略图图像设置在其中。
由于缩略图是矩形的，理想的做法是在div中自动居中。
读到这里，我想出了如何使它们水平居中。我还读到，在CSS3起飞之前，自动垂直居中是不可能的。这是真的吗？
我已经得到了水平图像自动居中，这是：
.portrait_t {
width: auto;
height: 150px;
text-align: center;
display: block;
margin: 0 auto 0 auto;
}
但是，垂直居中不起作用：
.landscape_t {
width: 150px;
height
浏览 1提问于2012-06-15得票数 0
回答已采纳
5回答
我正在寻找一种css的方式，有一个100%高度的布局体育，这意味着白色将拖尾到底部的文件，而不是窗口。我想在没有图像和javascript的情况下做到这一点。
我尝试过html,body{height:100%}，它只适用于窗口，而不适用于文档。我也试着放了一个900px的身体背景图片，它并没有居中于容器div的中心。
浏览 0提问于2011-06-28得票数 3
回答已采纳
我希望水平中心列中的图标“数据”：
我的专栏里有textAlign: center：
在图标渲染器函数中，我使用CSS水平对齐
然而，它仍然是左派。
，我还需要做什么才能使列中的图标水平地居中？
浏览 4提问于2011-02-16得票数 3
回答已采纳
这是：代码：
` <div class="container">
<h1>Vertical center with only 3 lines of code</h1>
<section class="text">
<p>I'm vertically aligned! Hi ho Silver, away!</p>
</section>
</div>`
但是，如果我试图
浏览 2提问于2014-09-05得票数 6
回答已采纳
3回答
我有一个水平居中的网页，但相当短-它只占垂直页面的一半。我想让它居中。如何使标签垂直居中？我不能有一个静态的高度，所以这不是一个选项。如果CSS不够强大，我可以使用Javascript来完成吗？谢谢!
浏览 0提问于2011-08-22得票数 2
回答已采纳
2回答
我总是使用JQuery来水平居中div，但这次我做的项目没有任何JQuery或Javascript支持。
所以我想只使用css将div居中，并且确定不使用标签。
附注: div有z索引和绝对位置。
提前谢谢你，
浏览 1提问于2012-10-16得票数 0
回答已采纳
我想使用CSS来更改页面上<hr>元素的外观:我希望每个元素都显示为一组三个星号，而不是水平线。我可以用下面这样的方法来实现：
hr {
border: none;
margin: 3.0rem auto;
width: 5rem;
}
hr:before {
content: "***";
letter-spacing: 1rem;
}
(.)
问题是如何让这些生成的内容水平居中显示。我可以通过调整<hr>的"width“属性使其或多或少地居中，但这感觉既粗糙又不灵活。有没有办法告诉浏览器这个内容应该居
浏览 1提问于2013-06-17得票数 1
回答已采纳
我使用CSS来垂直居中我的网站，但是当它在iphone上以水平模式查看时，网站被切断而不是居中。我该如何解决这个问题呢？
下面是我用来使站点居中的css：
#wrapper {
width:850px;
height:650px;
position:absolute;
top:50%;
margin-top:-325px;
left:50%;
margin-left:-425px;
}
这是一个网站：
我需要的结果是完全功能，即缩放和收缩功能必须仍然有效。:)
浏览 0提问于2011-01-07得票数 1
3回答
背景图像水平拉伸
、、、、
我的网站有一个水平滚动结构，它是响应式的。在我的屏幕上，我的网站宽度: 9600px。
我有一张背景图片。像这样打开body之后：
<div class="bg">
<img class="bg-st" src="themes/bc/images/bc-bg.png">
</div>
和CSS：
.bg {
bottom: 15;
position: absolute;
z-index: 1;
width:100%
height:100%
}
.bg-st {
width:100%;
height:100
浏览 0提问于2013-01-24得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
