腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
HTML5 Javascript垂直和水平居中
javascript
、
css
、
centering
、
vertical-alignment
所以我有了这个,想让它在垂直和水平方向居中: <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
回答已采纳
3
回答
使一组div居中?
css
我试图在这里将这个JS/jquery/ajax应用程序屏幕居中,这样无论用户的屏幕大小如何,它都将保持居中。现在都是左对齐的: 无论我怎么尝试,它都不会居中。当我设法将最外层的div居中时,所有内部的东西都被搞乱了。
浏览 1
提问于2013-09-04
得票数 2
2
回答
将文本居中与css对齐
css
、
position
、
center
我有一个关于使用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
回答
笨拙的水平中心对齐
html
任何人有任何想法,我如何水平居中下一页。正如你所看到的,表格部分可以很容易地居中,但是如何对一组绝对定位的div做同样的事情。 谢谢,
浏览 0
提问于2011-11-29
得票数 0
1
回答
垂直居中和水平居中旋转的div
jquery
、
html
、
css
、
rotation
、
center
我试图在窗口中水平和垂直居中一个DIV。使用一点CSS和JS就可以轻松实现。但问题是我的DIV旋转了(-33度)。 所以我不知道如何正确地将它居中。我尝试使用transform-origin,并在jQuery中进行计算,但没有成功。 $('mydiv').width()给出了DIV未旋转的宽度...而不是实际的“对角”宽度...(高度相同)。 我不能手动修复它与固定的利润率,因为网站需要响应… 有可能吗? 这是我需要的结果: 非常感谢您的帮助! 摩根 (抱歉,如果我犯了一些英语错误:s)
浏览 3
提问于2015-01-26
得票数 0
1
回答
JS pageX和pageY取坐标加上相对位置div?
javascript
、
css
、
events
、
position
我有一个想要居中的div,所以我使用 margin-left: auto; margin-right: auto; position: relative; 我承认这是最简单的居中方法,但当我想使用event.pageX和event.pageY时,它会取坐标加上左边距,这是错误的。 这就是小提琴。单击绿色矩形上的某处可查看结果: 有什么想法可以解决这个问题吗?如何在没有左边距的坐标下显示正方形?
浏览 3
提问于2013-05-10
得票数 2
回答已采纳
2
回答
overflow-y: auto|scroll导致水平移动
css
、
overflow
、
centering
我遇到了一个与类似的问题,但我希望我的右div水平居中。所以我在右边的div上有"margin: auto;“。 在我将"overflow-y: auto“(或滚动)添加到右侧div之前,这个方法运行得很好。在此之前,页边距是从整个页面宽度测量的。添加后,它从左div的右边缘开始测量,所以它不是在页面上居中,而是在页面的其余部分居中。 该问题的简单演示位于:
浏览 3
提问于2012-07-03
得票数 0
回答已采纳
2
回答
绝对居中一个div?
html
、
css
我在另一个div中有一个div,它的左右边框居中: 我希望将内部div更改为absolute,以便外部div在其后面向上流动: 现在它没有居中。有什么办法可以解决这个问题吗?
浏览 6
提问于2011-03-04
得票数 2
回答已采纳
2
回答
如何在Safari中将flex容器的绝对位置的子容器居中?
html
、
css
、
safari
、
flexbox
、
mobile-safari
我有一个既包含图像又包含一些文本的容器。我想要的文本是垂直和水平居中的图像。 似乎最简单、最具前瞻性的方法是使用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
回答已采纳
2
回答
使用css使绝对div居中
jquery
、
html
、
css
我总是使用JQuery来水平居中div,但这次我做的项目没有任何JQuery或Javascript支持。 所以我想只使用css将div居中,并且确定不使用标签。 附注: div有z索引和绝对位置。 提前谢谢你,
浏览 1
提问于2012-10-16
得票数 0
回答已采纳
3
回答
HTML:我想创建一个水平居中、从上到下的DIV
css
、
html
我想创建一个从浏览器窗口顶部到底部水平居中的内容块的页面。我已经意识到表格不是设计布局的正确方式。从上到下的块不是问题所在: <div style="position:absolute;top:0px;width:800px;height:100%;background-color: #fff;"> </div> 但是我不能使这个Div居中。我试过了 “页边距:自动” 但没有效果。这使Div中的文本居中,而不是Div本身在屏幕上居中。
浏览 2
提问于2011-06-30
得票数 0
回答已采纳
1
回答
竖直居中的绝对位置div内部的相对位置父-工作在Chrome,但居中到身体在Safari等?
javascript
、
html
、
css
、
positioning
、
vertical-alignment
我正在尝试将一些文本垂直居中显示在鼠标悬停的图像上。我找到了一个解决方案,可以在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
回答已采纳
3
回答
语义用户界面中的对中搜索框
jquery
、
html
、
css
、
semantic-ui
我试图在语义用户界面中将搜索框居中。条形图是居中的,但是搜索结果没有中心。我试过将中心对齐的类与输入的div对齐,但在这里不起作用,这是我的代码和js var categoryContent = [{ category: 'Language', title: 'Python' }, { category: 'Language', title: 'Java' }, ]; $('.ui.search') .search({ type: 'categ
浏览 0
提问于2018-09-03
得票数 3
回答已采纳
3
回答
为什么左:auto;右:auto不是对中的div?
jquery
、
html
、
css
我正试图创建一个图像滑块,需要是居中水平。为了使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
回答已采纳
2
回答
CSS -将图像放置在居中文本旁边
html
、
css
、
position
我精通HTML和CSS,但我想听听你对这方面的意见! 我需要将箭头中的文本居中,但在居中文本旁边放置一个复选框。正因为如此,我不能像往常一样在箭头的所有内容上使用text-align。如果在居中包含检查,则锚点将偏离文本以包含检查,并且文本不会真正居中。 谢谢!
浏览 1
提问于2011-07-10
得票数 1
回答已采纳
1
回答
在不更改对齐方式的情况下,将跨度放置在居中文本区域的左侧
html
、
alignment
、
center
h1标签中的标题在视口中居中。然后,有一个文本区域,它与标题对齐,并在视口中居中。如何在不改变文本区居中的情况下,在文本区的左侧定位一个带数字(例如12)的跨度? enter code here 此标题在视口中居中 12 This textarea should be centered and aligned with the title
浏览 3
提问于2016-02-10
得票数 0
2
回答
如何对书信效果进行居中?
css
考虑一下这个小提琴: HTML <div style="width:500px;"> <h1 class="success-header" title="Success!">Success!</h1> </div> CSS body { background: gray; margin:0; } .success-header { color: green; display: inline-block; font-size: 50px; he
浏览 4
提问于2013-08-27
得票数 3
回答已采纳
2
回答
添加附加Div时CSS文本对齐中心不工作
css
我有一个移动网站的标题。“页面标题”应居中,“后退”按钮应浮动到左侧。“页面标题”是完美的居中,直到我添加了“后退”按钮。一旦添加了“后退”按钮,“页面标题”就会以“多少”为中心,但会被推到右边。我错过了什么。 我的代码和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
回答已采纳
1
回答
宽度和页边距自动居中不起作用
css
、
width
、
block
、
center
、
margins
我查看了如何在屏幕中间居中放置一个块,我读到我必须将宽度指定为值,将边距指定为自动。 <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
回答
CSS -可以使用一些关于正确定位的指针
html
、
css
我需要一些定位方面的建议。我得到了这个正方形,它应该在页面的中心。并且有一个标志和一个标志字体图像围绕着正方形。现在,我希望它尽可能地动态,因为我在其他地方也使用了正方形和图像。所以我不能真的使用刚性静态定位。 这是网站: www.matkalenderen.no 我该怎么做呢?我想要的标志出现在广场的左侧。以及显示在正方形上方的字体。正方形本身应该居中。你可能已经明白了:)现在我对所有东西都有了一个包装器,它也是居中的。 HTML <div id="loginWrapper"> <img class="LogoChef" alt=
浏览 0
提问于2010-03-17
得票数 1
回答已采纳
2
回答
使元素填充可用高度
html
、
css
、
responsive-design
我需要使一个元素的边距扩展,使它在页面上居中。 元素1和3应分别粘贴到顶部和底部。 元素2具有固定的高度,并且应该在页面中居中。 我不确定我是否解释得足够清楚,所以我画了一幅画:
浏览 0
提问于2013-04-29
得票数 0
回答已采纳
1
回答
在居中网页顶部切换侧边菜单
css
、
css-position
我有一个居中的网页(使用页边距:0自动;在‘包装器DIV’上),它有一个很长的侧边菜单。一个页面模板需要一个宽的内容区域,所以我尝试在顶部添加一个链接,该链接将切换显示侧边菜单(使用jquery),因此如果单击它,它将出现在主页内容的顶部。 如果我在#sidemenucontainer DIV上使用'position: absolute;‘,我可以做到这一点,但如果我使用相对定位(因此它相对于居中布局的正确位置,即:不卡在浏览器的左上角),那么它会将主页内容下推到菜单的下面,而不是显示在页面的“上方”。 如果需要,我可以准备一些示例代码,但我希望上面的代码是有意义的。我肯定我漏掉了一些
浏览 3
提问于2011-08-16
得票数 0
回答已采纳
1
回答
在一个位置内水平居中:绝对元素
css
、
html
、
position
、
css-position
当容器位于static或relative位置时,水平居中的margin-left: auto; margin-right: auto方法效果很好,但当容器位于absolute位置时,似乎失败了。 在这种情况下,有没有办法让auto边际正常工作?出于某些原因,我需要容器为absolute。
浏览 1
提问于2012-12-02
得票数 0
回答已采纳
1
回答
jQuery“循环”插件导致内容不居中,我如何解决这个问题?
javascript
、
jquery
、
css
、
xhtml
、
jquery-cycle
我正在尝试使用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
回答已采纳
2
回答
如何使div围绕另一个元素居中?
css
、
html
、
margin
、
tumblr
我正在尝试编辑tumblr主题,使我的帖子在图片中居中(图片在div中)我尝试在CSS中为帖子和div设置相同的页边距,但我似乎无法使div中的图片在页面上正确居中。我想要的帖子是完美的水平居中的图像,即使当浏览器窗口调整大小。有人知道我是怎么做到的吗?有没有比把图像放在div中更简单的方法呢?下面是我的代码的链接
浏览 2
提问于2013-08-04
得票数 0
1
回答
Bootstrap3:忽略品牌形象的导航栏中心链接
css
、
html
、
twitter-bootstrap
、
twitter-bootstrap-3
我在努力让我的导航链接集中在我的肚脐上。我走了这么远: @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
回答已采纳
1
回答
堆叠不带绝对定位的列表项
html
、
css
、
angularjs
您好,我想将包含图像的列表项放在彼此的顶部(就像一叠卡片),而不使用绝对定位。 这就是我使用绝对定位的方法。 .cards { width: 200px; height: 200px; position: absolute; top:75px; } 和cards是内部带有img的li。 但当我在移动设备上调整窗口大小或查看页面时,这会导致问题。因此,我在考虑将我的一叠卡片放在一个居中的容器中,以防止当窗口大小发生变化时列表项移动。 这是我的容器 <div class="col-md-4"> <ul class
浏览 1
提问于2015-08-20
得票数 0
1
回答
转换: translateY(-50%)在Safari中不起作用
css
、
safari
、
transform
、
centering
、
translate
在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
回答已采纳
4
回答
是否在div中居中图像太小?
css
、
image
、
html
、
center
所以我在我的身体里有一个百分比宽度的div,里面有一个内联样式的div,如下所示: text-align: center; margin-left: -15px; margin-right: -15px; overflow: hidden; 如您所见,我打开了text-align: center;,如果图像对于div来说足够小,它将使图像居中。但在我的1280x800屏幕上,div的百分比宽度肯定不够大。 负边距是为了克服其父div上的一些填充。overflow:hidden让一切看起来像我想要的,而不是凌乱的。所以,它的工作方式就像我想要的那样,就像的头图像一样。当您将浏览器加宽时,它将在右
浏览 6
提问于2009-08-27
得票数 13
回答已采纳
1
回答
css --把一些东西放在居中元素的左边?
css
、
alignment
、
centering
这张图显示了我想要实现的目标。这是可以做到的吗? 对于居中,而不是把一些东西放在左边,请看这里:
浏览 0
提问于2015-02-06
得票数 1
1
回答
引导3:如何缩放中心图像
css
、
html
、
twitter-bootstrap
我有以下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
1
回答
html css结构化容器
html
、
css
、
containers
请参阅上的测试页面 我想“清空”标有“D”标签的容器,这样身体背景的瓷砖就可以显示出来了。 容器D需要设置宽度并且需要居中。有什么想法吗?
浏览 1
提问于2012-01-28
得票数 1
2
回答
我无法使用CSS将导航居中
css
、
center
我有一个CSS问题,在我的导航div居中,并尝试了互联网上的许多方法,但都是徒劳的。 该网站的链接为: 我已经将它设置为我的分辨率(1280x1024)的居中,但我不知道如何自动将其居中!我尝试过最流行的方法: div { margin: 0 auto; text-align: center; } 我也尝试了另一种方法: div { width: 960px; margin-left: 50%; margin-right: 50%; } 我也尝试过另一种“皱眉”的方法: <center>[nav goes here]</center&g
浏览 0
提问于2012-07-27
得票数 0
回答已采纳
2
回答
CSS -需要帮助在流体宽度div内水平对内容进行居中。
css
我四处寻找答案,我试着把我能想到的一切都插进去,但我似乎找不出这个答案。我觉得我可能忽略了一些非常简单和明显的东西,但是你能给予的任何帮助都会很感激! 基本上,我正在尝试自定义,以便小字符框在其.wrapper div中水平居中。 尽管div本身在页面中间水平居中(为此我使用了填充:0 15% ),但中的content 却不是。 如果有人愿意的话。有关部分是第140行。提前感谢您的任何帮助!
浏览 6
提问于2016-09-15
得票数 0
1
回答
具有自动宽度的自动边距
html
、
layout
、
width
、
margin
我正在尝试居中放置一个容器,里面有一排排方形的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
3
回答
带有居中div的动画
javascript
、
jquery
、
css
我有一个非常简单的布局,在一个较小的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
1
回答
如何在html的同一行上使用居中的标题左对齐链接
html
、
css
我想做的是: <a href="/">Home</a> <h1>A great page</h1> 在href尽可能向左的地方,h1是居中的,它们都在同一个级别上。 我已经做得很好了: <a href="/" style="display:block;float:left;">Home</a> h1: text-align: center; 但是,当我这样做时,h1并不是以页面为中心,而是在呈现href之后保留在页面上的空白中居中。 如果左边的href不在,我如何才能使h1中
浏览 0
提问于2014-11-18
得票数 0
回答已采纳
2
回答
使用位置相对/绝对居中元素的最佳技术?
css
当我将父元素的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
回答已采纳
3
回答
CSS如何保持页面居中,但仍然把东西放在我想要的地方
html
、
css
绝对定位很好,但它似乎是相对于浏览器窗口进行定位的。这对我不起作用,因为我的页面内容居中。我试图构建一个类似于的结构。请注意,页面的左下角有一个灰色条,上面有一个标题为“关于”的部分,然后在“快速链接”和“保持连接”的右侧。那么,如果我让灰色条部分在页面居中-我该如何定位这三个部分呢?(一个在另一个的右边)。再说一次,我所能想到的就是将它们绝对定位在我想要的位置,但是没有一种方法可以在它们各自的div标签中而不是在主窗口中“绝对”地定位它们吗?
浏览 0
提问于2011-09-16
得票数 0
回答已采纳
1
回答
如何处理只包含绝对位置子元素的元素?
html
、
css
我有一个包含2个绝对定位的标题和段落元素的框,我正在试验如何对文本进行居中,并尝试使用这个中的方法进行修补。 这里的问题不是如何定位文本,因为这不是我的问题,所以你不应该解决这个问题。 我的问题是这个。 如何使父元素包含其子元素? 由于父元素包含绝对定位的元素,这意味着子元素不在流中,其父元素随之折叠。 现在,这是一个令人震惊的问题,因为我发现,以同样的方式使用的用于浮动的包含/包装方法根本不起作用。 Clearfix方法 清除div法 溢出法 他们根本不工作! 唯一有效的方法是“显式高度”方法,它效率很低,不可预测(可能在较小的窗户上破裂),而不是流动的。 这里是一个简单
浏览 4
提问于2015-01-21
得票数 0
7
回答
如何将图像水平居中并将其与容器底部对齐?
css
、
positioning
如何使图片水平居中,同时与容器底部对齐? 我已经能够让图像在水平方向居中。我还可以自己对齐容器的底部。但我不能同时做这两件事。 这就是我所拥有的: .image_block { width: 175px; height: 175px; position: relative; margin: 0 auto; } .image_block a img { position: absolute; bottom: 0; } <div class="image_block"> <a href="...">&
浏览 2
提问于2008-11-18
得票数 40
回答已采纳
2
回答
是否可以使用flex布局将绝对定位的元素居中?
css
、
centering
、
absolute
、
flexbox
CSS3 flexbox或flex布局允许轻松地将元素水平和垂直居中,即使元素的高度和宽度未知。 是否可以使用flex布局在页面中心绝对定位覆盖(高度和宽度未知)?
浏览 2
提问于2013-05-26
得票数 9
1
回答
当一个div内部转到一边时,将内容放在页面的中间。
css
、
html
、
centering
我有一个网页,一个固定的200 on列在一边(包含菜单)。右边是可变宽度。右侧将使用AJAX填充。对于默认页面(当没有选择菜单项时),我试图使公司徽标水平地在页面中居中,而不是放置在其中的div。到目前为止,我尝试过的CSS都没有像预期的那样工作,当浏览器窗口水平调整大小时,徽标向左或向右移动。担心我剩下的头发掉了,我在找建议。 更多信息 这两列的CSS (来自Dreamweaver)是 .sidebar1 { float: left; width: 200px; padding-bottom: 10px; } .content { padding: 10px 0; width: 80%; f
浏览 0
提问于2011-02-22
得票数 0
回答已采纳
3
回答
当我缩放时,h4,h5展开和溢出
html
、
css
、
overflow
、
web
我正在用处理一些表单,它渲染得非常好,但当我放大或缩小一点时,你可以看到h4和h5不再居中于灰色区域,有时甚至溢出…我尝试用div包装它们,但仍然...通常,当我在过去遇到这类问题时,是因为我将一些包装器的大小设置为百分比……但我已经查过了。有人能告诉我我错过了什么吗?
浏览 1
提问于2011-09-07
得票数 0
回答已采纳
1
回答
只在线的第一段中间。
html
、
css
我有一行文本,其中包括一个名称和一个id代码。我希望名称在行中居中,并且id代码立即位于居中名称的右侧。这个是可能的吗? 我认为下面的代码可能有效,但没有: .name-text{ text-align: center; } <span class="name-text">Centered Name here</span> non-centered text here. 提前感谢您的帮助!
浏览 2
提问于2015-10-24
得票数 0
回答已采纳
1
回答
如何使此容器居中?
html
、
css
、
containers
如何使此容器居中,使其从顶部、左侧和右侧居中?我已经尝试了下面的方法,但不起作用。不确定我错过了什么: HTML: <div class="box"> <p>This is a sentence.</p> </div> CSS: .box { background-color: #444444; color: #888888; margin: 0 auto; position: absolute; width: 1000px; height: 20px; }
浏览 2
提问于2013-03-01
得票数 1
回答已采纳
2
回答
使绝对div水平居中,当屏幕不够大时该div将向左对齐
css
、
css-position
、
centering
我有一个绝对定位的div (因为它包含的子div本身是绝对定位的),我想要水平居中。 我可以使用下面的CSS实现这一点 width : 512px; position : absolute; left : 50%; margin-left :-256px; // half width of div (在中完成测试) 但是,当窗口不够大时,div会向左溢出。 有没有办法在页面足够大的时候让它居中,而在其他情况下左对齐(只使用CSS)?
浏览 1
提问于2012-10-02
得票数 0
回答已采纳
2
回答
图层响应图像在彼此之上与引导
html
、
css
、
twitter-bootstrap
我试着把两张图片放在另一张上面,同时在屏幕上垂直和水平地居中。如果我让他们两个相对定位,第一个是居中的伟大,而第二个出现在第一个下面。 #copy, #logo { position: relative; top: 50%; transform: translateY(-50%); margin-left: auto; margin-right: auto; } 因此,我添加了一个包装器,并对其进行了相对定位,并对图像进行了绝对定位。现在他们互相堆叠,但我失去了我的中心。 #wrapper { position: relative; top: 50%; transform: tranlast
浏览 3
提问于2015-11-23
得票数 1
回答已采纳
1
回答
一个div在另一个不工作区域内的垂直对齐
html
、
css
这是我的代码的精简版本: 我试图使用以下代码将“学习更多”框垂直居中: position: absolute; margin-left: auto; margin-right: auto; 是什么导致这个盒子不垂直地居中?即使我把宽度加在上面,它也不起作用。跨浏览器解决方案(IE8+)优先!
浏览 4
提问于2014-06-23
得票数 0
回答已采纳
2
回答
重新调整包装器大小
html
、
css
我有一个包装器,一个包头里面有内容,还有一个容器里面有内容。包装器实际上是为了在我设置的范围内保持所有内容彼此之间的位置,以及将所有内容居中。我让我的容器根据里面的内容自动调整大小,这是没有问题的。然而,包头和容器的包装器不会遵循相同的规则,最终的高度似乎是1px。请注意:下面的代码将在顶部显示由虚线白色边框勾勒出的包装器,而不是它包含的所有内容。 任何帮助都将不胜感激。我感觉好像我关闭了所有的浮动,我不明白为什么包装器上的height: auto;不能工作,但也许我遗漏了什么。
浏览 0
提问于2011-07-03
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
HTML定位—绝对定位、相对定位和固定定位
CSS中的相对定位和绝对定位
div+css定位技术之相对定位和绝对定位
第十八讲:绝对定位
关于H5中的相对定位与绝对定位区别的思考
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券