腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(3575)
视频
沙龙
3
回答
如
何在
中心
垂直
放置
绝对
元素
?
、
正如你在下面的代码片段中看到的,我有一个
绝对
定位的.square-container,它包含一个正方形。我尝试将.square-container
垂直
放置
在父div的
中心
。
浏览 7
提问于2020-06-17
得票数 0
回答已采纳
1
回答
标题中的居中
元素
和右对齐
元素
都
垂直
对齐。
、
、
我试图为我的网页制作一个标题,标题中间有一个
元素
,标题中有一个对齐。我唯一能想到的办法是: #
中心
Header{显示:内联块;高度: 100%;
垂直
对齐:中间;}#社会化链接{高度: 100%;显示:内联块;
垂直
对齐:中间;浮动:右;} #
中心
Header{显示:内联块;高度: 100%;
垂直
对齐:中间;}#社会化链接{高度: 100%;显示:内联块;
垂直
-对齐:中间;位置:
绝对
;右:10 10
浏览 3
提问于2014-08-18
得票数 0
回答已采纳
3
回答
绝对
位置是在顶部
放置
一些边距
、
根据我的理解,一个
绝对
定位的
元素
应该在它应该在的任何地方,就像通常没有指定top或left的情况一样(除了它不占用“布局”空间)。但是在这个中,它看起来像是在设置页边距-top:10px;set。
浏览 1
提问于2012-10-15
得票数 1
回答已采纳
2
回答
为什么“顶部: 50%;translateY(-50%);”在同一父级中的某些
元素
上造成了比它应该更低的差距?
、
、
、
、
我的顶级酒吧有这样的布局:根据设计,所有
元素
都应该
垂直
居中,下面是我的代码: 不幸的是,top-bar_right-part没有很好地处理类core_vertical-align (注意左菜单是如何工作的此外,右边部分的
元素
没有继承正确的高度(上栏),而左侧菜单就是这样做的。
浏览 5
提问于2017-11-16
得票数 0
1
回答
CSS
垂直
对齐DIV到中间
、
、
当我们不知道容器的高度时,我试图在容器div的
中心
放置
一个div
元素
,无论是水平还是
垂直
。 我已经通过
绝对
定位设置了容器
元素
以适应文档的全部高度和宽度,但无法获得
垂直
对齐。
浏览 7
提问于2012-11-25
得票数 1
回答已采纳
1
回答
变高表格单元格内的
绝对
定位单元
、
、
stackexchange中有很多关于TD内部
绝对
位置的问题,但我没有找到解决具体问题的方法:此单元格是表中表格数据表示的一部分。
绝对
定位
元素
应始终驻留在单元格的右上角.我知道在TD中
放置
相对div,然后在div内
放置</e
浏览 2
提问于2013-01-09
得票数 3
2
回答
相对于居中定位页面
元素
、
、
、
相对于另一个
元素
在同一页面上的位置,我应该如
何在
页面上
绝对
地
放置
元素
?我已经使用css使一个jpg居中,"position: center;",现在我想要使我
放置
在该jpg周围和整个页面的
元素
相对于该jpg偏离
中心
一定数量的像素。
浏览 5
提问于2014-08-16
得票数 0
2
回答
在jquery masonry中
垂直
居中显示文本
、
、
、
对于Jquery masonry,没有
绝对
的高度值。是否可以像水平
放置
一样
垂直
放置
事物(类似于:margin right: auto;margin left:auto;clear: both;) 现在的位置是从顶部开始设置的50%,但是在较小的
元素
上,标题似乎偏离了
中心
浏览 0
提问于2011-09-01
得票数 1
3
回答
CSS:对中位置:固定
、
、
、
我遇到了一个(水平)以固定位置
元素
为
中心
的解决方案,如下所示: width: 200px; left: 0; margin: 0 auto;(其中
元素
显然是要居中的
元素
)。很遗憾你不能
垂直
做同样的事情。 谢谢
浏览 2
提问于2016-05-24
得票数 0
4
回答
将jQuery技巧对齐到
元素
的左边缘
、
工具提示自动以
元素
为
中心
,
如
插件页面演示中所示,但我希望它与
元素
的左边对齐,有谁知道这样做的方法吗?插件自动设置一个
绝对
位置的工具提示,当显示,我已经尝试改变这个功能,但没有运气。更新1:我很清楚文档和gravity选项,我希望将工具提示箭头放在它相应
元素
的左侧的
中心
。
浏览 0
提问于2012-05-30
得票数 1
回答已采纳
1
回答
垂直
居中:伪
元素
不起作用后
、
我尝试使用:after伪
元素
方法(
如
末尾所述)
垂直
居中
放置
我的introWrap容器。我一直应用这种方法没有任何问题,但我似乎无法理解为什么它在这种情况下不起作用()。现在introWrap div在顶部,而它实际上应该在
垂直
轴的
中心
。我尝试用span替换:after伪
元素
,它工作得很好。这里有点不对劲,我不知道是什么。 有没有好心人能帮帮我?
浏览 0
提问于2012-12-17
得票数 0
回答已采纳
6
回答
绝对
定位div中的
中心
内容
、
、
我有一个
绝对
定位的
元素
,里面有内容。它可以是一个<h1>或几个<p>标记。所以我不知道内容的高度。我如
何在
绝对
定位的中
垂直
地将内容
中心
化<div id="absolute"> <h1>helo</h1> <span>hi
浏览 5
提问于2013-04-26
得票数 23
回答已采纳
2
回答
在css中对齐3个
元素
、
我有三个
元素
,我想在我的html文件中对齐。我附上了一个样本图像,第一个图像只是一个左边缘和
垂直
中心
。中间
元素
是
垂直
和水平
中心
,第三个
元素
有右边距和
垂直
中心
。我可以独立地将
元素
水平地和
垂直
地与下面的代码对齐: height : 40%; left : 50%; transform
浏览 0
提问于2015-02-24
得票数 0
回答已采纳
1
回答
混合浮动和
绝对
定位问题
、
、
、
我试着浮点三个
元素
,没问题。然而,在两个外部框中,我需要将一个
元素
垂直
放置
在
中心
位置,所以我想我应该将它们都包装在另一个div中,浮动包装div,然后
绝对
定位其中的
元素
,并将包装
元素
设置为position: relative;,这样它就不会扰乱布局,三个
元素
将保持正确浮动。<div class="line"></div> <
浏览 1
提问于2014-02-01
得票数 0
5
回答
我如何保持一个
绝对
定位的
元素
在它的位置?
、
当父
元素
的高度改变时,如何保持
绝对
定位的
元素
(
垂直
居中,顶部: 0;底部: 0;边距:自动;)在其位置?
元素
是一个img,它完美地居中于
垂直
制表符的
中心
。当用户单击
垂直
选项卡时,它会展开以显示更多信息,这会使完美居中的图像在展开的选项卡中
垂直
居中。
浏览 1
提问于2018-05-25
得票数 3
2
回答
使用流体布局仅将父div中的一个div
垂直
居中
、
、
、
我尝试将文本
元素
在流畅的布局中居中,这意味着<div>的大小不是固定的。但是,
如
小提琴中所示,Large Text
元素
并不是
垂直
放置
在父<div class="block">的
中心
,而是整个子<div class="centered">居中。我尝试将这两个文本
浏览 0
提问于2012-08-21
得票数 0
2
回答
是否有可能
垂直
中心
化一个相对定位的
元素
?
我正试着
垂直
对着一幅图像。我知道如何用
绝对
的位置来做这件事,但问题是它周围的其他
元素
都会塌陷进去。这就是我使用
绝对
位置
垂直
中心
的方式: position: absolute; transform: translateY(-50%);} 我想使用相对位置,但当我将
绝对
位置改为相对位置时,它就不起作用了。有人建议使用相对位置
垂直
中心
吗?我可以做填充/边距顶部,直到
浏览 2
提问于2016-11-11
得票数 0
回答已采纳
2
回答
是否可以使用flex布局将
绝对
定位的
元素
居中?
、
、
、
CSS3 flexbox或flex布局允许轻松地将
元素
水平和
垂直
居中,即使
元素
的高度和宽度未知。 是否可以使用flex布局在页面
中心
绝对
定位覆盖(高度和宽度未知)?
浏览 2
提问于2013-05-26
得票数 9
1
回答
Css
垂直
中心
解释
请有人解释一下下面的样式是如何导致文本
垂直
中心
化的吗?例如,如果我们相对于父类以
中心
为
中心
,为什么要使用position: absolute?为什么要使用top: 50%?谢谢!
浏览 2
提问于2020-09-26
得票数 0
回答已采纳
1
回答
带有过渡的页面滚动后的重新居中
元素
、
、
、
、
我有一个小的聊天小工具,只是一个小的方形div,
绝对
是
垂直
放置
在浏览器窗口的
中心
加载页面。当用户向下滚动页面时,我希望小部件与页面一起滚动,即消失,但一旦滚动停止,聊天小部件将转换回
垂直
中心
。
浏览 17
提问于2021-04-18
得票数 0
回答已采纳
点击加载更多
相关
资讯
CSS水平和垂直居中技巧大梳理
JavaWeb第06节CSS背景
CSS布局之垂直居中一
CSS-常见布局介绍
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券