1回答
具有自动宽度的自动边距
、、、
我正在尝试居中放置一个容器，里面有一排排方形的div。然而，为了让它正常工作，我已经将它简化为一个容器中的一个正方形。它需要自动宽度，但也需要居中。如何使使用自动宽度的容器div居中？只有当"panel“div的宽度固定时，它才会居中。
HTML FILE
<div class="panel">
<div class="item"></div>
</div>
CSS FILE
.panel {
position:absolute; /*This seems necessary to
浏览 0提问于2012-08-11得票数 0
1回答
我已经看到过类似的问题，我一直在尝试让代码适合我自己的情况，但我就是找不到解决这个问题的方法。
我需要一个居中的水平导航栏有一个下面的文本图像。我已经把所有的东西都准备好了，我只是不能让列表作为一个整体在页面中居中。
这是我的css：
#mainnav {
width: 100%;
text-align: center; }
#mainnav ul {
list-style-type: none;
text-align: center;}
#mainnav li {
display: inline;
float: left;
text-align: center;
margin-left:
浏览 1提问于2013-12-03得票数 0
3回答
如何修复"right“div中不需要的空白处。
右边的浮动div的边距如下所示: JSFIDDLE：
我想要达到的效果是保持.mid层始终居中，而不管side div的文本长度如何。
HTML：
<div class="main">
<div class="left">left</div>
<div class="mid">
<a href="#">Vpis podjetja</a>
|
浏览 0提问于2012-04-16得票数 0
回答已采纳
代码：
标题(h1, h2)在div中居中，我只是尝试将标题下面的三列水平居中，但我在这样做时遇到问题。
浏览 0提问于2013-06-20得票数 0
回答已采纳
我有一个页面，我想居中，有一个背景和整个内容周围的边界。
我创建了一个div，并设置了我想要的背景颜色和边框设置。
问题是它里面有浮动的div，背景没有围绕浮动的div拉伸。我能让它工作的唯一方法就是设置position:absolute。然后，边界确实围绕浮动did展开，但我无法使用常规的html/css将它们居中。
我发现了一个javascript hack来使它居中，但它只是在页面加载后才居中，而且看起来很糟糕。
我相信有一种方法可以让容器扩展，同时保持它的中心位置，我只是想不出来。
下面是一个分享我的问题的示例html页面
<div style="background-c
浏览 1提问于2009-05-20得票数 5
回答已采纳
1回答
嘿，我有以下HTML和CSS，我不能强制IE显示我的内容正确。居中和右div在每一个组合中都会跳出来，我尝试了溢出，我清除了之前在html中的浮动，但它就是不起作用。它可以在所有其他浏览器中工作，但不能在IE中工作。
HTML：
<div id="container">
<div id="left">
</div>
<div id="middle">
<div id="middleone">
</div>
浏览 0提问于2012-12-06得票数 0
1回答
这可能看起来像通常的如何居中一个浮动问题，但我需要将一个浮动div居中的原因是因为其他div容器也有一个浮动属性。我已经设置了一个高度自动来确定高度依赖于包装器div内的对象，在包装器div内有2个浮动div使其并排。然而，如果我没有在包装器上指定一个浮动，包装器div将只显示一行直线(不包装任何东西)
div.wrapper{
width: 1000px;
height: auto;
margin-top: 30px;
float: left;
border:1px solid gray;
}
div.leftcontainer{
width: 200px;
height: auto;
m
浏览 0提问于2012-01-16得票数 0
2回答
嘿，伙计们，我在上面有一个代码笔链接，这样你们就可以看到了。我在将中间框居中时遇到了一些问题。我该怎么做呢。当我将它居中时，当我缩小浏览器时，中间的框似乎偏向于一侧
这是我的代码
#box{
border: 3px solid red;
}
#space{
text-align: center;
}
#leftcolumn {
width: 300px; border: 1px solid red; float: left; margin: 40px;
margin-right: 20px;
}
#rightcolumn {
width: 300px; bor
浏览 0提问于2013-11-21得票数 0
3回答
中心液体布局
、、、
我看不出哪里有问题，但是.topbar并没有像它应该的那样居中...从左到右的距离应该相等。
这是我的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="cont
浏览 1提问于2012-03-26得票数 1
回答已采纳
我尝试将90%的圆环图水平居中放置在中间列div中。我使用了class=的“中心块”，但这似乎不能修复它。如何使图像居中？
你可以在这里看到这个网站：
浏览 8提问于2017-03-02得票数 0
回答已采纳
1回答
我对我目前正在开发的网页有一个问题：
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Title</title>
</head>
<body>
<form action="/cgi-bin/play.
浏览 4提问于2015-08-08得票数 0
回答已采纳
1回答
我需要将一段文本"main“居中，另一段文本"sub”向右突出。我不希望两者都居中。居中"main"，右边是"sub“。它不需要在IE6中工作。我已经把它弄好了，但是文本的底部没有对齐。我应用了样式bottom:.2em，这样它就可以工作了。但我想知道是否有一种更符合逻辑的方法来对齐文本的底部。你可以在这里摆弄它，
这可能会有帮助。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x
浏览 1提问于2009-11-09得票数 1
3回答
由于某些原因，我无法用CSS对.logo类进行居中。
我试过margin:0px auto了。
我是不是忽略了什么？
谢谢。
CSS:
.full {
width: 100%;
height: auto;
float: left;
clear: none;
position: relative;
display: block;
}
.logo {
width: 230px;
height: 117px;
float: left;
clear: none;
position: relative;
d
浏览 3提问于2013-09-20得票数 0
回答已采纳
1回答
我有以下(示例) html代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>TH-Alignment</title>
<style type="text/css">
th {
浏览 0提问于2012-06-04得票数 4
我有一个链接，我希望它在bootstrap框架的.well类中垂直居中，并在锚标记上使用类btn btn-danger。这是下面的图片。我试着使用vertical-align:middle;，但似乎不起作用。你可以看到井上的空间甚至不在顶部和底部。
下面是HTML：
<div class="well">
<%= link_to "Remove", thing, method: :delete, style: "font-size: 11px; float:right; ", :class => 'b
浏览 0提问于2012-06-25得票数 5
回答已采纳
5回答
为什么这些按钮不能居中并排显示？ 它们并排堆叠在一起，但一直向左堆叠。红色边框是一条2px的实线。按钮似乎就在红色边框线的正下方。按钮应该在边框中。 我可以让按钮居中，但它们会堆叠在一起，一个接一个。我要么把一个放在另一个的上面并居中 -或者- 并排一直到左边。 另一个音符，如果重要的话。这是在cshtml c#.net页面上，其中包含引导程序： @using (Html.BeginForm("frmUpdate", "Mdl", FormMethod.Post, new { @class = "form-horizontal", role =
浏览 41提问于2016-09-27得票数 0
回答已采纳
2回答
您好，我需要居中的img在该div..我不能..:(
我正在使用空白区:Xpx auto；使用相对定义，显示:块，还有什么？
css。
.items div {
float:left;
width:380px;
}
/* single scrollable item */
.scrollable img {
float:left;
position:relative;
margin:50px auto;
margin-bottom:0px;
padding:2px;
border:
浏览 0提问于2013-03-07得票数 2
回答已采纳
我有这样的东西：
[ [span][link] ]
但我想要这样的东西：
[ [span][link] ]
其中<div>元素中的<span>和<a>元素水平居中
span和a元素具有自动宽度
div的硬编码宽度为250px
如何做到这一点？
我当前的CSS代码不起作用，它居中在左边;(：
a {
margin: 0px;
padding: 0px;
display: block;
float: left;
width: auto;
}
span {
fl
浏览 0提问于2013-08-21得票数 2
如何使图像浮动在居中的方框旁边？什么是正确的HTML/CSS代码？下面是我想要做的概述：
提前谢谢。
浏览 0提问于2011-06-24得票数 4
回答已采纳
2回答
好了，开始了。
通常我在HTML上做的还不错，但是对于这个特定的问题，我不得不求助于它。
我一直在四处寻找，但我找不到任何方法来解决它(最糟糕的是，它像一天前一样工作，我不记得我做了什么修改)
在Firefox中，它居中对齐(我使用的是3.6 )，但当我尝试使用chrome、safari和IE的一些版本时，它会向左对齐。
所以如果你能看看我的源码，也许能让我知道是什么导致了这一切，我会很高兴的！
这是我的html和容器元素样式。
html, body {
background-image: url(../images/background.png);
background-repeat:
浏览 2提问于2010-11-20得票数 0
回答已采纳
4回答
我有一组放在DIV中的超链接(使用a标记)，我希望它们在DIV中居中。我已经尝试过将文本对齐(斜体)放在这个DIV上，也尝试过对于超链接使用“页边距0自动”(斜体)，但是它们仍然牢牢地粘在左边。
下面是HTML和CSS代码。
谢谢你的帮助！
<div id="navigation">
<a class="nav" href="index.html">Home</a>
<a class="nav" href="Page 1.html">
浏览 5提问于2014-02-16得票数 3
嗨，我希望设置一个居中的页脚，使用列表项目，在每个列表项目内无组织的列表。如果我尝试使用float:left，我会让它们彼此内联，但不再居中。我目前拥有的代码看起来像这样: css：
@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
}
#box1 {
margin:0 auto;
background-color:#00FF66;
}
#mainList {
list-style-type:none;
text-align:center;
display:inline;
}
.mainLI {
dis
浏览 6提问于2012-05-10得票数 0
你可以看看我在上想要做什么。包含两行文本的居中div，左右两侧的文本与居中div底部的文本相邻。
我希望文本在页面上居中(无论是主要的"hello world“或第二行)。现在，我正在使用一个具有指定width和margin: auto的外部div。如果宽度太大，文本将不会居中显示；如果宽度对于内部文本来说太小，则div将堆叠：。
有没有更好的方法来居中这三个浮动的div，同时仍然让左右文本与中心div的第二行对齐？
任何建议都将不胜感激。CSS不是我的强项，但我正在学习。
浏览 0提问于2012-06-19得票数 2
回答已采纳
4回答
我知道这个问题已经问过很多次了，但是没有一个答案对我有用。我正在用HTML5和CSS3.0编写代码。我试图在一个页面中居中一个div标签，其中包含三个链接到其他图片的缩略图。我想让这些图片坐在一起，边距为0(这样它们就可以互相触摸)。下面是我的html代码：
<div id="main">
<h1>hello</h1>
<div id="gallery">
<a class="trigger" href="images/fulls/01.jpg"
浏览 2提问于2013-08-16得票数 1
回答已采纳
我无法在div内将ul中心。
HTML：
<div id="footer"> <span class="copy">Copyrights 2014</span>
<ul class="hor_list" id="footer_menu">
<li><a href="">HOME</a>
</li>
<li><a href=""
浏览 6提问于2013-10-01得票数 0
回答已采纳
3回答
这是我的。
twitter图标旁边有"follow us“链接。我想要的是链接是垂直居中的图像使用css没有内联样式，如果可能的话。
我尝试将类直接添加到<a>标记中，然后调整边距。但这并不管用。
我尝试将类直接添加到img标记中，然后调整边距。但这并不管用。
我再次尝试做这两件事，调整填充而不是边距。
这是否可能是我设置它的方式，或者我必须同时更改html和..or？
任何建议都是非常感谢的！
浏览 0提问于2012-08-13得票数 0
回答已采纳
我使用的是cssgrid.net，它是一个12 col1140px响应的流体框架，并且我在对事物的中心设置上有困难。
我的网站有一个“背景大小:封面；”图像和我有一个标志，我想在浏览器内水平居中，即使它正在调整大小。
这是我拥有的HTML：
<div class="container">
<div class="row">
<div class="fourcol"></div>
<div class="fourcol">
<div c
浏览 0提问于2012-11-29得票数 0
回答已采纳
我有3个div在我的页面上的画廊页面我正在建设，我需要居中的' center‘div，以便它的中心在任何屏幕上的div浮动左和右两边。左边和中间的div似乎工作得很好，并且彼此一致，但我的右边浮动div的位置比其他2低。
为什么会发生这种情况？
HTML
<div id="left">
IM ON THE LEFT
</div>
<div id="middle">
I AM IN THE MIDDLE
</div>
<div id="right">
THIS IS ON
浏览 0提问于2011-09-20得票数 0
回答已采纳
2回答
下面的HTML/CSS/Javascript (jQuery)代码显示了#makes选择框。选择一个选项将显示包含相关选项的#models选择框。显示时，#makes选择框不居中，#models选择框填充空白区域。
当#makes选择框是唯一显示的表单元素时，如何设置表单样式使其居中，但当两个选择框都显示时，它们都在容器中居中？
var cars = [
{
"makes" : "Honda",
"models" : ['Accord','CRV','Pilot']
浏览 3提问于2008-09-13得票数 0
回答已采纳
1回答
我目前有一个简单的设置:一个居中的容器div，它是屏幕宽度的90%，其中包含五个宽度为20%的div。当div都放在row上时，这很有效。它们都会进行调整，以使它们均匀分布并居中。但是，由于当用户将屏幕大小调整为较小宽度时，5个div必须具有最小宽度，因此它们会填满多行，并且不再居中。一旦发生这种情况，我希望它们保持最小宽度，但要居中，这样您就可以在div的顶行的任何一侧看到蓝色容器div，而不是让它们全部左对齐(就像下面的行一样)。我该如何在HTML和CSS中做到这一点呢？谢谢。
<style type="text/css">
.container {
hei
浏览 1提问于2012-04-09得票数 0
回答已采纳
2回答
我想知道如何将这个页面中的字形居中，它们是使用@font-face的icon-font，但即使在我对包含每个字形的锚点应用text-align:center之后，它们也不会居中。
它们显示为左对齐。
有没有办法修复它们使它们居中？
我更喜欢不涉及CSS3的flexbox的解决方案。
这是页面：
另外，如果您可以将标题中的最后一行文本居中，我将非常感谢，因为这看起来也不居中。
浏览 3提问于2013-04-06得票数 0
回答已采纳
1回答
如何在我的图片下方居中链接，我尝试了所有的方法。当我使用clear:both时，这对我很有帮助，但是我的图像是在一个列中，我不想要这样。因此，基本上我希望下面的每个图片居中链接/文本。我知道这个HTML/CSS不包含我想放在图片下面的链接，我删除了所有可能令人困惑的东西。
谢谢。
* {
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}
html {
height: 100%;
background-color: #F0FFF0;
}
body {
height: 100%;
浏览 0提问于2016-04-27得票数 0
2回答
我正在使用angularjs和bootstrap3。在面板内将小部件居中并获得响应行为的正确步骤是什么？我在Firefox中得到了独特的结果。
我有4个这样划分的列div，每个都包括一个面板：
<div class="col-lg-3 col-md-6 col-xs-12">
<div class="panel panel-default">
我已经为我想居中的div创建了一个名为"center-block“的css类。中心块类在下面。
.center-block
{
display: table;
margin
浏览 2提问于2016-05-25得票数 0
2回答
如何使用top和left属性将浮动div居中。单击图像即可打开此div。我无法使用align，因为我正在使用向下滚动条。即使我向下滚动，div也应该居中。如果我使用屏幕宽度和屏幕高度，它在页面上是固定的。在这方面有很多查询，但都没有使用top和left属性。Javascript用于设置此div的顶部和左侧属性。
浏览 0提问于2012-01-27得票数 0
4回答
在我的HTML5文档中，我想在页面的最左边和右边显示一个图像，然后在它们中间居中有我的文本。在我的一生中，我不能把语法做正确。我一直在寻找这方面的大量答案，但我遗漏了一些东西。
我的右边图像放在下一个“行”上，所以文本没有正确地居中。
在我的index.html中，我说：
<header>
<img class="logo floatLeft" alt="Logo" />
<h1 class="logoHeader">Text Here</h1>
<img class
浏览 5提问于2013-11-30得票数 4
回答已采纳
1回答
如何创建网页来比较两个图像，最好只使用(X)HTML和CSS，而不使用JavaScript和DHTML / AJAX？
最简单的解决方案是将两幅图像并排放在一起，要么触摸，要么几乎触摸和居中，或者每一张都在自己的一半页面中居中。鲁棒解的问题是可降解的部件。
所讨论的两个图像不需要具有相同的大小，例如，一个可以调整另一个图像的大小；一个问题是是否使用HTML属性将它们缩放到相同的视觉大小，以及如果两个图像的宽度不相等，是否将其居中或对齐到页面的中心：
|_______|_______| |___xx___|
(以整体为中心)
|_______|_______| |____xx__|
(与页面中心
浏览 4提问于2009-05-09得票数 1
我想让一个文本元素(在本例中是h2副标题)居中，让它忽略左边的浮动图像。我更喜欢让h2副标题与h1标题垂直居中对齐。有没有办法只用CSS就能做到这一点？
下面是一个样例布局：
注意:示例图像的宽度和高度可能会发生变化。
浏览 1提问于2012-03-28得票数 0
回答已采纳
2回答
下面是正在发生的事情
我希望将右侧的箭头垂直对齐，使其位于div的中心。下面是html：
<div class="title-block" >
<span class="date">{{ order.getCreated()|date('M d, Y') }}</span>
<span class="invoice">Invoice #{{ order.getInvoice().getInvoiceNumber()}}</span>
&l
浏览 2提问于2013-04-15得票数 0
回答已采纳
1回答
我有两个正试图垂直居中的span元素，我设法通过将行高与父元素的高度相匹配来对左元素进行居中，但是右边的元素具有浮动的风格:右不受行高变化的影响，这有什么原因吗?我如何垂直对浮动元素进行居中呢？
HTML
<div class='panel panel-default remove-radius slideshow-holder'>
<span id='slideshow_prev_button' class='glyphicon glyphicon-chevron-left'></span>
浏览 0提问于2015-02-22得票数 2
回答已采纳
1回答
我对float感到困惑:我有一个div菜单，里面有两个项目。我将其居中设置为自动边距0。如果我把蓝色和红色放在float中，它就不再居中了，内容也就消失了。我不明白为什么？
下面是示例：
CSS：
#content{
margin:0 auto;
width:400px;
background:yellow;
}
#text{
margin:0 auto;
text-align:justify;
}
#menu{
margin:0 auto;
z-index:0;
background:grey;
}
#blue{
浏览 0提问于2013-04-28得票数 1
回答已采纳
4回答
我完全是一个HTML/CSS的新手，但是我在将固定的h1元素居中时遇到了麻烦。它拒绝居中并停留在页面的左侧。我已尝试将边距设置为自动，但它不起作用。代码如下：
h1 {
color: #580101;
font-family: RobotoRegular;
position: fixed;
text-align: center;
}
* {
background-color: #ecebe9;
}
#navbar {
color: #000653;
background-color: #00001a;
height: 40px;
border-radius: 3px;
}
.side
浏览 0提问于2013-02-23得票数 0
回答已采纳
5回答
缩略图居中水平对齐
、、、
下面是我在带有twitter-bootstrap的html中使用的代码。我试图将输出居中对齐，但无论我做什么，图像都是左对齐的。
<ul class="thumbnails">
<li class="span5">
<a href="#" class="thumbnail"><img src="img.jpg" /></a>
</li>
</ul>
有什么简单的解决方案吗？
浏览 1提问于2012-04-11得票数 5
回答已采纳
3回答
我有一个(水平)居中的外部div，包含两个宽度未知的元素：
<div style='width:800px; margin:0 auto'>
<div style='float:left'>...</div>
<div style='float:right'>...</div>
</div>
默认情况下，两个浮点数都是顶部对齐的，并且具有不同的/未知和不同的高度。有没有办法让它们垂直居中？
我最终完成了外部div
display: table
和内部div
displ
浏览 1提问于2012-09-24得票数 47
回答已采纳
5回答
我在css文件中定义了以下内容：
body {
text-align: center;
float: right;
position: fixed;
}
.twoColFixRtHdr #container {
width: 780px;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
我的HTML定义如下：
<body class="twoColFixRtHdr">
<div id="container"
浏览 0提问于2009-11-18得票数 0
回答已采纳
2回答
我在一个网站上有一个居中的div，其中我需要浮动两个div。左边的是恒定的宽度，而右边的是宽度变化的，并且需要与居中的父div的右侧保持恒定的距离。
非工作示例：
编辑
我已经尝试过您的所有示例，但包含的项目仍然漂浮在站点的左侧/右侧，远远超出父div :(
浏览 0提问于2011-04-28得票数 0
2回答
我有一个布局，我需要在html和body上使用高度: 100% (以及我使用的任何包装器div)来达到类似页面的效果，这样我的第一个“页面”上的内容居中，向下滚动的第二个“页面”上的内容居中等等。
html如下所示：
<section class="page" id="p01">
<div class="spacer">
</div>
<div class="outer">
<div class="inner">
Some cont
浏览 0提问于2013-07-02得票数 0
回答已采纳
我有足够好的HTML知识，但我只是被一些与我的响应式设计HTML CSS代码相关的东西卡住了。我关注了W3学校的网页，展示了如何为网站(Link)创建导航栏。 这是我当前的CSS文件和index.html body {
background-color: #FAEBD7;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
/* Add a black background color to the top navigation */
.top-navbar {
position: relative
浏览 35提问于2020-02-03得票数 0
回答已采纳
使用Bootstrap Responsive - HTML看起来像...
<div class="row-fluid Center">
<div id="divMapCanvas" class="span6">
<div id="map_canvas">
</div>
</div>
<div id="divMapPanel" class="span6">
&
浏览 1提问于2012-07-07得票数 0
回答已采纳
3回答
基本上我有一个li元素，它包含一个小图标和一个文本，我想把这些元素放在一起水平和垂直居中。然而，我没有得到它的工作，因为我在CSS没有真正的经验。
我已经设法使用两个跨度和行高将元素垂直居中。但我在水平居中时失败了，因为文本对齐不适用于跨度，浮动中间也不存在。
你们有什么想法吗？？
下面是我的代码：
HTML：
echo "<li style=\"background-color:#f7f7f7; color:#2EA620;\"><span class=\"image\"><img src=\"Images/Lis
浏览 0提问于2013-01-30得票数 0
回答已采纳
我使用的是wordpress模板，在FireFox中一切看起来都很好。
但是，令人惊讶的是，它在Internet Explorer8中看起来是错误的
在此页面上有两个问题：
1)搜索框(在导航菜单中应该在右侧)被下推，以便隐藏在单词类别的后面。
2)和(可能相关的)导航菜单(以博客主页、Shop Our Store等开头)应该左对齐。在FireFox中看起来很棒，但在IE8中居中对齐。
浏览 0提问于2012-04-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
