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
回答已采纳
我正在尝试编写一个符合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
这是我的
<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
回答已采纳
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
我的.cent类是用于<li>元素的。我想让<li>的文本水平和垂直居中。text-align:center;负责水平居中，但垂直居中不起作用。CSS的诀窍是什么？
.cent{
height:20px;
width:20px;
text-align:center;
vertical-align: middle;
}
浏览 5提问于2010-12-16得票数 5
回答已采纳
2回答
我试图在CSS中创建大致类似于以下内容的内容：
其中，+2在圆圈中以水平和垂直方向居中，而DEX则在+2下面水平地居中。
我怎样才能做到这一点？
浏览 1提问于2017-08-08得票数 2
回答已采纳
我有一个网上相册。缩略图页面是一个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
回答已采纳
我正在使用这个脚本水平和垂直居中我的div。
当页面加载时，div会垂直居中，而不是水平居中，直到我调整浏览器的大小。
我做错了什么？
$(document).ready(function (){
$(window).resize(function (){
$('.className').css({
position:'absolute',
left: ($(window).width() - $('.className').outerWidth())/2,
浏览 5提问于2012-12-17得票数 36
回答已采纳
我试图使一个链接，其中有一个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
回答已采纳
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
回答已采纳
2回答
我总是使用JQuery来水平居中div，但这次我做的项目没有任何JQuery或Javascript支持。
所以我想只使用css将div居中，并且确定不使用标签。
附注: div有z索引和绝对位置。
提前谢谢你，
浏览 1提问于2012-10-16得票数 0
回答已采纳
如果我像这样设置div的CSS页边距属性：
div { margin-left: auto; margin-right: auto; }
我得到一个在页面中水平居中的div，。
但是，如果我将CSS更改为：
div { margin-top: auto; margin-bottom: auto; }
我的div不是垂直居中的。我不需要知道解决方法( )，但我想知道发生这种行为的原因。为什么上边距和下边距不能以相同的方式工作？我遗漏了什么？
浏览 1提问于2011-07-21得票数 20
回答已采纳
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
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
回答已采纳
3回答
我在使用了JsFiddle。我将其更改为将div显示为方形对话框(水平和垂直居中)。结果是在。
如你所见，水平居中很容易，但我不能让它垂直居中。有人知道如何用纯CSS做到这一点吗？
编辑代码如下：
<div class="blind">
<div class="wrapper">
<div class="main">
I'm your div with an aspect-ratio of 1:1!
</div>
<
浏览 0提问于2013-12-02得票数 0
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
回答已采纳
3回答
基本上我有一个li元素，它包含一个小图标和一个文本，我想把这些元素放在一起水平和垂直居中。然而，我没有得到它的工作，因为我在CSS没有真正的经验。
我已经设法使用两个跨度和行高将元素垂直居中。但我在水平居中时失败了，因为文本对齐不适用于跨度，浮动中间也不存在。
你们有什么想法吗？？
下面是我的代码：
HTML：
echo "<li style=\"background-color:#f7f7f7; color:#2EA620;\"><span class=\"image\"><img src=\"Images/Lis
浏览 0提问于2013-01-30得票数 0
回答已采纳
所有有问题的代码都可以在找到
这是没有引导的响应式导航栏。
当屏幕尺寸大于断点时，我想控制下拉菜单的显示方式。我希望它水平播放，并居中对齐。我理解使用@media来检测屏幕大小，但是什么css可以用来水平居中显示呢？
<ul class="nav-dropdown">
<li>
<a href="#!">Web Design</a>
</li>
<li>
<a href="#!"&g
浏览 0提问于2017-10-07得票数 0
2回答
我没有让我的表单元素水平地居中，这是我的代码
$('.form')
.css('top', window.screen.availHeight / 2 - $('.form').height() / 2)
浏览 0提问于2010-12-27得票数 0
6回答
我有一个<div id="wrapper">容器，我的整个网站内容将在其中呈现。我尝试过使用css属性，比如margin:0 auto; on #wrapper，让div在垂直和水平方向居中。
#wrapper
{
width:500px;
height:500px;
margin:0 auto;
background:#f7f7f7;
}
通过使用上面的css，我可以使div位于屏幕的顶部，但如何使其居中(垂直)。当我在firefox中缩小时，我的div会在顶部的中心缩小，但我想要的东西应该始终显示在屏幕的中心，无论是垂直还是水平。
有人能建议我怎么才能得
浏览 0提问于2012-03-09得票数 38
回答已采纳
3回答
我不想将CSS添加到我的div元素中(例如<div style="text-align: center;">)。
我只想将CSS代码添加到按钮元素中。
<div>
<button>Button</button>
</div>
在这种情况下，如何使按钮水平居中？
浏览 3提问于2013-03-09得票数 53
回答已采纳
3回答
我正在尝试在Javascript中居中按钮，以便它在页面中水平居中。现在，我的按钮在html文件中，所以我不知道如何使用CSS将其居中，因为它在Javascript中。 TLDR:在Javascript中，如果我声明了一个按钮btn，我应该写什么代码来水平居中它？ 我在互联网上到处寻找一种使用Javascript使按钮居中的方法，但都无济于事。我希望你们都能帮助我。 谢谢!
浏览 501提问于2021-06-26得票数 0
回答已采纳
2回答
我的问题是，我不能水平对齐文本居中。在垂直方向上，我将它对齐到中心，但在水平方向上，我不能。(当文本较长时，是否水平居中？！如果我没看错的话。)
我尝试添加<a>元素display:block和text-align:center，但是没有解决我的问题。
我附上一张该网站的照片。
<a>元素位于<h2>元素中。
<h2> css：
line-height: 22px;
margin-top: 10px;
margin-bottom: 5px;
font-size: 16px;
height: 55px;
font-weight: 600;
disp
浏览 0提问于2018-11-17得票数 2
2回答
在div中间对模态窗口进行中心化
、、、、
我试图在外部div的中间(垂直和水平)设置一个模态对话框窗口。我使用jquery插件作为模态窗口。这是我想要完成的事情的图片
正如您所看到的，从我的当前代码中可以看出，它几乎是居中的，但并不安静。这是我的javascript代码
$(id).css('top', $('#pagecontent').position().top + ($('#pagecontent').height() / 2) - ($(id).height() / 2));
$(id).css('left', $('#pagecontent')
浏览 0提问于2012-07-14得票数 0
我一直试图通过编辑一个从互联网上获得的网站模板(它使用引导)来学习css/html，但我遇到了一个障碍。我有一个水平元素的列表。我想把这些元素集中起来，但我不知道怎么做。这是代码：
<div class="row">
<nav>
<ul>
<li><a href="#about">Over ons</a></li>
<li><a href="#services">Die
浏览 11提问于2016-02-21得票数 0
回答已采纳
假设您有以下代码块：
<div id="container">
<someelement>This is any element.</someelement>
</div>
什么是最好的CSS，我可以使用水平居中的“某一元素”在其包含的div？
浏览 4提问于2008-12-27得票数 5
回答已采纳
3回答
好的，我正在为一个导航栏编写CSS，它使用一个无序列表来组织菜单。菜单居中而不是推到任何一侧，并且任何给定的li元素的宽度都不能预先确定(它随菜单项中有多少文本而异)，因此我不能对宽度进行硬编码。
我有以下CSS代码：
#nav ul {
list-style: none;
padding-bottom: 10px;
height:16px;
}
#nav ul li {
position: relative;
display: inline-block;
}
#nav {
position: relative;
margin-top:
浏览 0提问于2011-08-04得票数 2
回答已采纳
2回答
我有一个div，我想定位在一个页面的中心(垂直和水平)。
对于水平对中，我在div周围使用了中间的标记，对于垂直对中，尝试了几种方法，但它们都没有真正工作。
查看代码：
CSS：
.vcenter{
height: 50px;
width: 50px;
background: red;
vertical-align: middle;
margin-top: calc(50% - 25px);
}
HTML：
<center>
<div class="vcenter">
</div>
<center&
浏览 4提问于2016-04-18得票数 2
回答已采纳
3回答
我正在做一个网站，帮助人们更多地意识到互联网带来的威胁。
我遇到了一个非常恼人的css问题，文本不会水平或垂直居中，而且通常看起来不能正确地听css。我已经检查了任何覆盖它的东西，但没有任何东西。
浏览 0提问于2012-01-23得票数 0
回答已采纳
5回答
我已经用谷歌搜索过很多次了，我不明白为什么我的div不会居中。
HTML：
<body><div id="mydiv"></div></body>
css
*{
margin:0;
padding:0;
}
html,body{height:100%; width:100%;}
#mydiv{
height:50%;
width:50%;
background:grey;
margin:au
浏览 0提问于2013-03-14得票数 1
回答已采纳
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
124回答
如何使元素水平居中
、、、
如何使用CSS将一个<div>在另一个<div>中水平居中？
<div id="outer">
<div id="inner">Foo foo</div>
</div>
浏览 110提问于2008-09-22得票数 4743
回答已采纳
我使用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
4回答
首先，我的CSS技能是...一项正在进行的工作。但到目前为止，我已经成功地将一堆列表项排列在网格中。
我现在想要做的是将列表项目居中。我曾尝试用inline替换float，但这会导致每个项目的width和height崩溃。我还想在每个列表项中水平和垂直居中文本，理想情况下省略(而不是一个单词)溢出文本。作为最后一个规范，如果可能的话，我只想将CSS修改为ul及其子对象。
浏览 4提问于2012-09-20得票数 1
回答已采纳
3回答
我试图在jQuery进度栏内垂直和水平地居中文本。我管理它的水平中心，但不是垂直。
我的HTML
<div id='progressbar'><div id='label'>My text</div></div>
我的CSS
#progressbar {
width: 80%;
text-align: center;
overflow: hidden;
position: relative;
vertical-align: middle;
}
#label {
fl
浏览 4提问于2013-08-05得票数 8
2回答
CSS3 flexbox或flex布局允许轻松地将元素水平和垂直居中，即使元素的高度和宽度未知。
是否可以使用flex布局在页面中心绝对定位覆盖(高度和宽度未知)？
浏览 2提问于2013-05-26得票数 9
1回答
我需要在固定宽度和高度的块级元素内居中对齐图像(可变宽度和高度)。css标记如下所示：
<div style="float: left; width: 100px; height: 100px;"><img src="yada" width="50" height="60"></div>
<div style="float: left; width: 100px; height: 100px;"><img src="yada" width=
浏览 4提问于2009-04-06得票数 2
回答已采纳
2回答
我遇到的问题是，当我向.images容器中添加四个图像时，我申请的justify-content:center属性在页面上水平地在图像上居中不起作用。
然而，当我在.images容器中只有两个图像时，我就会得到水平居中的图像。
我已经找到了一种解决方案，通过在text-align容器上使用.images属性将图像水平地对齐。不过，这感觉有点像黑客。
HTML
<div class="proj_images">
<div class="images">
<img class="disp1" s
浏览 6提问于2016-01-08得票数 6
回答已采纳
3回答
我正在尝试水平地打印我的列表，但是它不适合内联显示。我还使用了float: left;和position:center，但是它不是水平居中的。
PHP
foreach ($memberinfo as $info)
{
echo "<ul><li><a href='profile.php?user_id=" . $info['user_id'] . "'><img class='group_member_img' src='uploads/" . $info
浏览 2提问于2014-04-20得票数 0
回答已采纳
如何使用flexbox布局创建垂直的div堆栈(列)，其中一个div锚定在容器的底部？
|--------|
| div1 |
| div2 |
| div3 |
| |
| |
| |
| fixed1 |
|--------|
例如，在此中，我希望项目1、2和3水平居中，垂直与顶部对齐，固定项目水平居中，垂直与底部对齐。
HTML
<div class="container">
<div class="item">Item 1</div>
<div
浏览 0提问于2015-05-01得票数 4
4回答
我知道这是一个低级的问题，但是有没有可能将图片完全居中到网页的绝对中心，不管使用CSS对页面/窗口做了多少更改？我正在使用一个简单的标记，我需要知道如何？我一直在谷歌上寻找，但我没有得到任何相关的结果，可能是因为我缺乏正确的措辞……
我需要它在水平和垂直方向上居中。
谢谢!
浏览 2提问于2011-03-11得票数 0
回答已采纳
2回答
我正在尝试创建一个像这样的布局，既有水平居中，也有垂直居中。
我已经想出了一种使用jQuery来实现这一点的方法，但在页面呈现时似乎会出现轻微的抖动。我希望用纯css来做这个布局，但是我似乎不知道该怎么做。这就是这个布局的难点。谢谢
浏览 1提问于2010-11-09得票数 1
1回答
我正在尝试在CSS中创建一个水平导航栏。我正在使用这个页面中的CSS，它似乎工作得很好：
...but如果您将鼠标悬停在示例中的任何链接上，则在垂直白条之前的每个元素的左侧都会有一个小间隙。我的导航栏也有同样的问题。有没有办法删除这个空间？或者有没有更好的方法来创建一个居中的水平导航栏？
谢谢!
浏览 2提问于2010-10-28得票数 1
回答已采纳
我有绝对定位文本内的相对文本包装，我希望它的垂直和水平中心。问题是，文本不会居中，因为它的宽度和高度会自动填充容器。如何解决这个问题，以便文本可以在div中居中，无论是垂直的还是水平的？
HTML
<div class="text-wrap">
<h3>Hello</h3>
</div>
CSS
.text-wrap {
height: 200px;
width: 120px;
position: relative;
border: 1px solid black;
}
.text-wrap h3 {
浏览 4提问于2017-07-29得票数 0
回答已采纳
我只是学习CSS，并想寻求帮助。我可以垂直和水平对文本，但以牺牲内联块属性为代价。因此，我的问题是:如何使文本垂直和水平地居中，而不丢失..aboutme trio__节元素中的内联块属性？
https://codepen.io/WitekItDev/pen/bGKgemp
我才刚开始，请容忍我。
我尝试过以下方法：https://www.w3.org/Style/Examples/007/center.en.html
结果是什么呢？一切都会崩溃。
浏览 3提问于2022-11-09得票数 -1
1回答
我使用React，并使用display: table和display: table-cell将元素水平和垂直居中，并适当居中css。
在它里面我有一些内容，当我用javascript将内容添加到元素中时，整个元素正确地重新居中，但元素从它们的初始位置跳到它们的下一个位置。
我想在适当的地方让它动起来，可以吗？
从这个开始：
<div table>
<div table-cell>
<div>First Content</div>
</div>
</div>
要这样做：
<div table>
浏览 1提问于2017-02-13得票数 0
2回答
我在尝试水平居中时遇到了困难(inline?)元素在我的包含div中。我希望“一些文本”有一个折叠到它的背景，并且所有这些都在包含的元素中居中。我知道如果我指定一个宽度，我可以做到这一点，但我正在努力避免这种情况
看看我用一些不起作用的css放在一起的一个简单的例子...JSfiddle： (即使没有js也很好用！)
<div>
<p>Some text</p>
</div>
=========================
= =
= |some text| =
=
浏览 0提问于2011-05-27得票数 0
回答已采纳
1回答
如何在btn-toolbar div内水平地居中引导3 col-lg按钮？
<div class="col-lg-6 col-sm-3 noleftpad">
<div class="well topnestedbut">
<div class="btn-toolbar nested-top">
<button type="button" class="btn btn-defaul
浏览 7提问于2014-04-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
