3回答
我试图在这里将这个JS/jquery/ajax应用程序屏幕居中，这样无论用户的屏幕大小如何，它都将保持居中。现在都是左对齐的：
无论我怎么尝试，它都不会居中。当我设法将最外层的div居中时，所有内部的东西都被搞乱了。
浏览 1提问于2013-09-04得票数 2
3回答
我试图在语义用户界面中将搜索框居中。条形图是居中的，但是搜索结果没有中心。我试过将中心对齐的类与输入的div对齐，但在这里不起作用，这是我的代码和js
var categoryContent = [{
category: 'Language',
title: 'Python'
},
{
category: 'Language',
title: 'Java'
},
];
$('.ui.search')
.search({
type: 'categ
浏览 0提问于2018-09-03得票数 3
回答已采纳
2回答
我有一个关于使用div#container居中页面的问题，通常容器代码是这样的：
div#container
{
margin-left: auto;
margin-right: auto;
width: 50em;
}
容器div标签包装了我想要在其中居中对齐的那部分代码。
例如，我们有2个对象A和B，_object A是绝对位置，B是相对位置
对象A和对象B都包装在容器内
问题:只有对象B(相对位置)居中对齐，对象A(绝对位置)不居中对齐
那么，如何将已经定位为绝对位置的东西居中呢？感谢您的解释
浏览 2提问于2009-06-15得票数 2
2回答
所以我有了这个，想让它在垂直和水平方向居中：
<div id="hd_hype_container" style="position:relative;overflow:hidden;width:600px;height:405px;">
<script type="text/javascript" charset="utf-8" src="hd/hd.js?88618"></script>
</div>
我已经尝试了所有的解决方案，但似乎没有一个对我有效。我
浏览 0提问于2011-08-26得票数 2
回答已采纳
2回答
我正在编写一个p5.js游戏，我必须在我的画布上绘制一个按钮，一个输入和一个p元素。我想让所有这些元素相对于画布居中。
我尝试了这个解决方案，但没有成功：
var gameCanvas = createCanvas(600, 600);
gameCanvas.parent("game-container");
input = createInput();
input.position(280, 300);
input.parent("game-container");
我有一个带有游戏创造者id的div，这项工作直到我通过css将div居中。当我将div居
浏览 0提问于2016-12-18得票数 0
1回答
垂直居中和水平居中旋转的div
、、、、
我试图在窗口中水平和垂直居中一个DIV。使用一点CSS和JS就可以轻松实现。但问题是我的DIV旋转了(-33度)。
所以我不知道如何正确地将它居中。我尝试使用transform-origin，并在jQuery中进行计算，但没有成功。
$('mydiv').width()给出了DIV未旋转的宽度...而不是实际的“对角”宽度...(高度相同)。
我不能手动修复它与固定的利润率，因为网站需要响应…
有可能吗？
这是我需要的结果：
非常感谢您的帮助！
摩根
(抱歉，如果我犯了一些英语错误:s)
浏览 3提问于2015-01-26得票数 0
我不得不将我的网站从ColdFusion切换到PHP，我注意到一些JS，fadeslideshow.js，运行起来不太顺畅。首先，我注意到一些图像没有像它们应该的那样居中，代码似乎运行得有点不稳定。对这个新手有什么线索吗？
浏览 4提问于2011-10-17得票数 1
回答已采纳
3回答
我有一个非常简单的布局，在一个较小的div中有一个较大的div，我想要将其动画化：
<div style="
position: relative;
left:100px;
width:200px;
height:400px;
background:red;
overflow:visible"
>
<div id="stamp" style="
position:absolute;
ma
浏览 0提问于2015-03-05得票数 0
我正在尝试将一些文本垂直居中显示在鼠标悬停的图像上。我找到了一个解决方案，可以在mac (10.7.2)上使用chrome (15.0.874.106)，但它似乎在Safari (5.1.1)中有问题，奇怪的是，因为它们都是基于webkit的。我相信在Firefox中也有同样的问题。
在chrome中，文本相对于父div垂直居中，但在Safari中似乎居中于正文或窗口。是我做错了什么，还是有人有更好的解决方案？
jsbin：
CSS：
.content {
width: 300px;
position: relative;
}
.content-text {
width
浏览 3提问于2011-10-28得票数 0
回答已采纳
1回答
好的，我有一个100%高和100%宽的div，我有一个居中的按钮。现在，当用户单击该按钮时。我希望div在button附近折叠并隐藏起来。这是我的代码。你也可以在JS上看到这点
$('button').click(function(){
$("div").animate({
left:'24%',
top:'48%',
opacity:'0',
height:'0px',
width:'0px'
},'slow');});
浏览 1提问于2013-02-10得票数 0
回答已采纳
3回答
我在jquery中构建了一个通知系统，并尝试将通知的容器div水平居中。
我试过left:50%;、margin:0 auto;和“左:50%；右:50%；”，这些都不起作用。
所以我求助于像left:40%;这样的东西来估计中心，但这只适用于小范围的视口中的一个，我需要它在尽可能多的视口中工作。
因此，我决定使用媒体查询来根据视口宽度给出不同的left值。但是，经过测试，我注意到即使在小的视区中，媒体查询也不起作用，它在最大的断点上执行样式。
为什么会这样呢？我如何正确地水平居中通知正确地是尽可能多的视口。
这是一个带有样式和触发通知的代码的JS Fiddle，只需单击任意位置即可触发通知：
浏览 0提问于2013-11-29得票数 0
3回答
我需要有一个div，它的内容总是相对于屏幕居中，但我也有其他的div在我想要居中的左侧。如果我只是将" center“div的内容居中，它将相对于div宽度居中，而不是屏幕。
我尝试过的
我想要的是这样的东西..。
| true center |
|left div| centered D |
|longer left div| center
浏览 5提问于2013-06-11得票数 3
2回答
任何人有任何想法，我如何水平居中下一页。正如你所看到的，表格部分可以很容易地居中，但是如何对一组绝对定位的div做同样的事情。
谢谢,
浏览 0提问于2011-11-29得票数 0
好吧，这是个很奇怪的问题。
我不能以我的生命为中心，在这个范围内。所以我已经把它定位了。
然而，我想要的是将蓝色数字精确地放在div内。麻烦的是，当数字变化到10时，它就会向右移动。有一个同事堆栈，帮助我的js，只是需要一些帮助，在css内对齐现在。
我不确定你是否绝对能把一个以单个数字为中心的计数器居中，两位数的数字也是居中的。
没道理吗？
K链接：
Css (我知道span元素timer没有居中，但它需要居中。
无法正确显示代码的堆栈，请检查链接的源代码
任何关于数字中心化的建议，使它们成为死的水平中心。当数字跃升到10时，它不会向右或向左移动？
浏览 3提问于2010-11-27得票数 0
回答已采纳
main.js (事件页)文件不支持这样的百分比值：
‘'bounds'：{ 'width’：800，'height'：696，'left'：50%，'top‘：50% }，
chrome.app.window也没有使用配置参数指明任何这样的方法。那么当事件页面应用程序窗口启动时，我们如何使事件页面居中呢？
浏览 21提问于2014-03-15得票数 0
1回答
我试着创建一个窗口，它的宽度是固定的，并且是居中的。也应该有可变的高度，取决于浏览器-视图-高度的顶部偏移量为20 px和底部偏移量为20 px；
我不想为此使用JQuery / JS，它应该是普通的css。
这里有一些代码片段：
#viewport should be the the browsers height / width container
#window should be the resized window (centered in middle, filling up all height except of top 20px and bottom 20px
有人知道怎么
浏览 4提问于2013-07-24得票数 0
回答已采纳
1回答
我有一个无序列表，我已将其样式化为菜单。我希望蓝色菜单项在顶层红色菜单项的下方居中，因此我为红色菜单项提供了flex的显示：
nav > ul > li > a {
color: red;
display:flex;
justify-content:center;
}
问题是当红色菜单项悬停在蓝色菜单项上时，会将其他红色菜单项推到一边。
有什么办法在没有JS的情况下解决这个问题吗？
浏览 1提问于2016-02-21得票数 1
我想创建一个从浏览器窗口顶部到底部水平居中的内容块的页面。我已经意识到表格不是设计布局的正确方式。从上到下的块不是问题所在：
<div style="position:absolute;top:0px;width:800px;height:100%;background-color: #fff;">
</div>
但是我不能使这个Div居中。我试过了
“页边距:自动”
但没有效果。这使Div中的文本居中，而不是Div本身在屏幕上居中。
浏览 2提问于2011-06-30得票数 0
回答已采纳
我能够用js做我需要做的事情，你可以看到它的，调整窗口大小来理解我的意思。
代码是：
$(window).resize(function() {
var offset = $("#two").offset();
$('#three').css('width',offset.left+320);
});
这个想法是红色的div总是“居中”的，但绿色div中溢出read的部分(用箭头指向)总是相同的：
但是当你调整它的大小时，它看起来并不那么好，有没有可能只用css呢？或者修改js，让它看起来更流畅？
浏览 0提问于2013-02-01得票数 2
当我将父元素的position属性设置为relative，将子元素的位置设置为绝对(子元素是我试图居中的元素)时，我试图获得跨浏览器一致的居中位置
目前在firefox中，它不是精确的居中，但ie6/7是(下面我正在使用的示例)
#wrapper { min-width:995px; position: relative; }
#wrapper2 { margin:0 auto; z-index: 0; position: absolute; }
浏览 4提问于2009-02-21得票数 1
回答已采纳
2回答
我在另一个div中有一个div，它的左右边框居中：
我希望将内部div更改为absolute，以便外部div在其后面向上流动：
现在它没有居中。有什么办法可以解决这个问题吗？
浏览 6提问于2011-03-04得票数 2
回答已采纳
这是我的代码的精简版本：
我试图使用以下代码将“学习更多”框垂直居中：
position: absolute;
margin-left: auto;
margin-right: auto;
是什么导致这个盒子不垂直地居中？即使我把宽度加在上面，它也不起作用。跨浏览器解决方案(IE8+)优先！
浏览 4提问于2014-06-23得票数 0
回答已采纳
2回答
我总是使用JQuery来水平居中div，但这次我做的项目没有任何JQuery或Javascript支持。
所以我想只使用css将div居中，并且确定不使用标签。
附注: div有z索引和绝对位置。
提前谢谢你，
浏览 1提问于2012-10-16得票数 0
回答已采纳
我在努力让我的导航链接集中在我的肚脐上。我走了这么远：
@media (min-width: 768px){
.navbar-nav{
float:none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
}
这很好，因为链接现在是以中心为中心。但是，它们不是以页面为中心的--它们在品牌形象使用的100 is之后居中。
有谁知道如何在页面上居中或放入100 an偏移量？
下面是演示了这个问题。
浏览 2提问于2015-01-06得票数 1
回答已采纳
4回答
我正在尝试垂直对齐/居中div中的一些图像。它不是100%正确的。图像的像素太低，不能垂直居中。为什么会这样呢？
.Container
{
width:280px;
position:fixed;
border:1px solid blue;
left:0px;
text-align: center;
line-height:84px;
}
.Container input[type=image]
{
vertical-align:middle;
}
更新：
更新2:图像在js小提琴中是无效的，你可以看到图像和上边框之间的间隙。
浏览 2提问于2013-01-15得票数 4
回答已采纳
2回答
图像拒绝居中
、、、
图像拒绝在html代码中居中。宽度是自动的，而且必须是这样的。我正在尝试使用边距:自动居中来居中图像。画廊应该比视口宽。Css和javascript：
#gallery{
position:fixed;
top:0px;
left:50%;
width:6000px;
height:100%;
margin-left:-3000px;
background-image:url('images/bluey.jpg');
background-po
浏览 2提问于2012-03-27得票数 1
1回答
宽度和页边距自动居中不起作用
、、、、
我查看了如何在屏幕中间居中放置一个块，我读到我必须将宽度指定为值，将边距指定为自动。
<head>
<style>
#CenteredBlock {
display: block;
position: absolute;
visibility: visible;
height: 70px;
width: 70%;
margin-left: auto;
margin-right: auto;
border-top-style: dotted;
border-right-style: dotted;
浏览 0提问于2013-12-15得票数 0
1回答
我有以下HTML/CSS页面，它成功地将图像文件居中于引导带3页的中间：
<head>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></sc
浏览 1提问于2013-08-07得票数 1
在Chrome中，我的代码运行良好，并且问题是完全垂直居中的，但在Safari中情况并非如此。下面是我的一些代码。
@charset "UTF-8";
/* CSS Document */
body {
font-family: "Poiret One"
}
.myelement {
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-tran
浏览 16提问于2017-08-18得票数 0
回答已采纳
我有一个网页，其中的内容居中。它有很多css和js jinja2模板。当我添加一个简单的div标签时
<div class="container">
<!-- something -->
<div>hello</div>
信息也是居中的。我试着更改了一些东西，但我担心它可能会影响到其他一些页面。所以我想知道我是否可以强制这个div标签左对齐。我尝试过'float=left‘不起作用。是否可以仅为这一个<div>标记覆盖所有其他设置？
页面布局类似于
Space |tex
浏览 0提问于2015-12-05得票数 1
2回答
我精通HTML和CSS，但我想听听你对这方面的意见！
我需要将箭头中的文本居中，但在居中文本旁边放置一个复选框。正因为如此，我不能像往常一样在箭头的所有内容上使用text-align。如果在居中包含检查，则锚点将偏离文本以包含检查，并且文本不会真正居中。
谢谢!
浏览 1提问于2011-07-10得票数 1
回答已采纳
2回答
我需要使一个元素的边距扩展，使它在页面上居中。
元素1和3应分别粘贴到顶部和底部。
元素2具有固定的高度，并且应该在页面中居中。
我不确定我是否解释得足够清楚，所以我画了一幅画：
浏览 0提问于2013-04-29得票数 0
回答已采纳
我遇到了一个与类似的问题，但我希望我的右div水平居中。所以我在右边的div上有"margin: auto;“。
在我将"overflow-y: auto“(或滚动)添加到右侧div之前，这个方法运行得很好。在此之前，页边距是从整个页面宽度测量的。添加后，它从左div的右边缘开始测量，所以它不是在页面上居中，而是在页面的其余部分居中。
该问题的简单演示位于：
浏览 3提问于2012-07-03得票数 0
回答已采纳
在这里有一个js-fiddel -
非常简单，我在div内有文本，在div内有范围内的文本。
我需要将文本的跨度垂直居中，使其与div中较大的文本相对。
vertical-align: middle;会稍微移动它，但不会居中。
*{
font-family: sans-serif;
}
.name{
background: yellow;
font-size: 40px;
font-weight: bold;
}
.name-inner{
display: inline;
浏览 1提问于2015-08-14得票数 0
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
我有一个元素，它根据某些条件显示或隐藏。我使用jQuery fadeIn()和fadeOut()动画来隐藏或显示元素。
我的问题是，在fadeOut/fadeIn序列之后，元素的位置突然改变了。但是，我在计算的样式规则中找不到任何差异。既不是元素本身，也不是嵌入的div标签。序列之后发生了什么变化？
我做了一个简短的测试用例：
注意桌子下面的三角形指向下方，它是居中的。当你点击两次“切换”按钮时，就会运行fadeOut/fadeIn序列。之后，元素不再居中，而是硬定位在左侧。
下面是测试用例的代码：
HTML：
<button id='toggle'>Toggle&
浏览 0提问于2012-07-15得票数 0
回答已采纳
根据fullpages.js文档，应该可以使用参数verticallyCentered (默认为true)对.section的内容进行垂直居中。
但是，我无法让这个特性与以下HTML结构一起工作：
<div id="content">
<div class="section container">
<div class="row">
<div class="col-xs-12">
<h1 class
浏览 4提问于2015-07-26得票数 3
回答已采纳
我正在尝试使用jQuery "Cycle“插件()来轮换位于<span>中的推荐信...然而，插件会导致我的内容不居中。昨天早上，这里有人指出，插件$slides.css({position: 'absolute', top:0, left:0}).hide()绝对定位了<span>元素
我不知道JS，我还在做我的HTML/CSS，所以我希望这里有人知道解决这个问题的方法，并能帮助我。如果不是，那好吧:/
我试过添加left:50%，虽然它居中，但幻灯片坏了，我所有的<span>都同时出现了。
编辑
下面是HTML和CSS：
<
浏览 0提问于2010-10-02得票数 0
回答已采纳
我有一个既包含图像又包含一些文本的容器。我想要的文本是垂直和水平居中的图像。
似乎最简单、最具前瞻性的方法是使用Flexbox和文本的绝对定位：
.container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.text {
position: absolute;
}
<div class='container'>
<div class='text'>
This should
浏览 5提问于2017-06-08得票数 9
回答已采纳
我需要像这样的
但是没有绝对定位。有可能吗？
如果不是，我该如何处理绝对定位--如果我在一个屏幕分辨率上居中，就不会在另一个屏幕上居中。有什么建议吗？
浏览 0提问于2010-04-07得票数 1
回答已采纳
1回答
我目前正在做我自己的管理面板的html，css和js，我基本上有一个主要部分，内容将交换根据选择在一个侧边栏。
现在，我想用下面的代码对这个部分进行居中，并使它有10 to空间到每一边：
HTML：
<section id="home">
<div class="h1">Welcome to Cashlyte</div>
<div class="h2">The future of link advertising</div>
</section>
CSS：
m
浏览 2提问于2022-12-04得票数 0
2回答
我读了很多关于这个问题的东西，但它们似乎并没有解决我的问题。基本上，在Firefox上，子元素(一个svg)覆盖了按钮，并阻止它被点击。这段代码在Chrome中运行良好，但在Firefox中就不行了。我曾尝试应用height: 100%和width: 100%，建议解决此问题，但可单击区域在元素的中途开始(见下图)。 ? 我如何才能以一种跨现代浏览器工作的方式来纠正这个问题呢？ 我只希望按钮的大小是子元素的大小。复杂之处在于按钮需要在容器div中垂直居中，这就是它具有top: 50%的原因。这是一个可重用的组件，所以我需要一种方法让它以动态的方式垂直居中，所以不能只是修改位置。 我在
浏览 21提问于2019-01-09得票数 0
回答已采纳
我有一个想要居中的div，所以我使用
margin-left: auto;
margin-right: auto;
position: relative;
我承认这是最简单的居中方法，但当我想使用event.pageX和event.pageY时，它会取坐标加上左边距，这是错误的。
这就是小提琴。单击绿色矩形上的某处可查看结果：
有什么想法可以解决这个问题吗?如何在没有左边距的坐标下显示正方形？
浏览 3提问于2013-05-10得票数 2
回答已采纳
h1标签中的标题在视口中居中。然后，有一个文本区域，它与标题对齐，并在视口中居中。如何在不改变文本区居中的情况下，在文本区的左侧定位一个带数字(例如12)的跨度？
enter code here
此标题在视口中居中
12 This textarea should be centered and aligned with the title
浏览 3提问于2016-02-10得票数 0
我有一个移动网站的标题。“页面标题”应居中，“后退”按钮应浮动到左侧。“页面标题”是完美的居中，直到我添加了“后退”按钮。一旦添加了“后退”按钮，“页面标题”就会以“多少”为中心，但会被推到右边。我错过了什么。
我的代码和Fiddle：
CSS:
body {
background-color: #666;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.pageTitle {
text-align: center;
padding:
浏览 6提问于2014-05-02得票数 0
回答已采纳
(供参考)
我有一个按钮，包括一个图标和一些文字。当按钮悬停时，文本向右移动，图标也是如此。它创造了一个很好的动画
问题是，我使用以下代码实现了这种转换：
.button:not(.disabled):hover .icon {
transform: translate3d(150%, 0, 0);
}
150%只是一个任意的值，如果您进入App.js并更改图标的width (第10行)，您可以看出它不再是居中的。我想不出一个能确保实现以下目标的解决方案：
当按钮没有悬停时，图标和文本都应该是中间的。
当按钮悬停时，只有图标才能最终居中。
如果能提供任何指导的话。
浏览 4提问于2022-09-10得票数 0
回答已采纳
1回答
我有一个居中的网页(使用页边距:0自动；在‘包装器DIV’上)，它有一个很长的侧边菜单。一个页面模板需要一个宽的内容区域，所以我尝试在顶部添加一个链接，该链接将切换显示侧边菜单(使用jquery)，因此如果单击它，它将出现在主页内容的顶部。
如果我在#sidemenucontainer DIV上使用'position: absolute;‘，我可以做到这一点，但如果我使用相对定位(因此它相对于居中布局的正确位置，即:不卡在浏览器的左上角)，那么它会将主页内容下推到菜单的下面，而不是显示在页面的“上方”。
如果需要，我可以准备一些示例代码，但我希望上面的代码是有意义的。我肯定我漏掉了一些
浏览 3提问于2011-08-16得票数 0
回答已采纳
我正试图创建一个图像滑块，需要是居中水平。为了使height工作，我需要将滑块的position设置为absolute。为了使滑块居中，我尝试将左、右设置为自动，如下所示。
#slider{
position: absolute;
width:80%;
height:50%;
left:auto;
right:auto;
}
但这不管用。我包括了一个代码片段，您可以在其中看到其余的代码。
还有人能告诉我为什么height没有position:absolute;就不能工作吗？
$(document).ready(function(){
$('.active').c
浏览 5提问于2014-12-29得票数 1
回答已采纳
1回答
如何使用calc()或预处理器将绝对定位的元素水平地居中，而不考虑元素的宽度？具有以下效果的事物：
.elem {
position: absolute;
left:50%;
margin-left: calc(-.5 * elem.width);
}
我想保留一个绝对定位元素的类，它的宽度是动态的，相对于它们的父div水平地居中。
浏览 2提问于2017-05-01得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
