如何将绝对位置对齐到中心？
将绝对位置对齐到中心，可以使用CSS样式来实现。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head><style>
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
</head>
<body>
<div class="center">
<h1>居中对齐</h1>
</div>
</body>
</html>在这个示例中，我们使用了一个名为.center的CSS类来将一个元素（在这个例子中是一个<div>元素）居中对齐。我们将元素的position属性设置为absolute，并将top和left属性设置为50%。然后，我们使用transform属性来将元素向左和向上移动50%的宽度和高度，从而使其居中对齐。
这个方法适用于大多数现代浏览器，并且不需要使用任何JavaScript代码。
相关·内容
它给出了一个带id搜索条的元素绝对位置、300px宽度、27 an的高度，并从它的正常位置设置搜索条50% position:relative; left:50%;} position:relative; margin-left:-150px; height:27px;它会对齐<e
浏览 5提问于2013-02-10得票数 0
回答已采纳
4回答
我有一个模式，我希望页码在模式的底部和中间对齐。页码的位置是绝对的，底部为0，对齐中心与文本对齐： position: absolute; width: 100%;}
问题是，我使页码100%宽(所以它们可以是中心对齐)，但这考虑到modals填充(我不能改变这个)，所以页码只是偏离<
浏览 2提问于2014-07-15得票数 0
回答已采纳
我有很多绝对位置div，当方向改变为中心时，我如何改变它对齐到中心？11px">asd</div></div>
我尝试了一下自动边距:0，但它也与绝对边距冲突具有绝对位置的原因是因为将会有div的动
浏览 0提问于2011-02-21得票数 3
回答已采纳
2回答
我正在尝试将中的链接与中心对齐。链接浮动到左侧，包装器定位为绝对位置。我尝试了所有的组合的边缘:自动和文本对齐:中心，但没有成功。
如何在不更改标记或位置的情况下实现这一点？
浏览 0提问于2010-09-16得票数 2
回答已采纳
1回答
我试图为我的网页制作一个标题，标题中间有一个元素，标题中有一个对齐。我唯一能想到的办法是：
#中心Header{显示:内联块；高度: 100%；垂直对齐:中间；}#社会化链接{高度: 100%；显示:内联块；垂直对齐:中间；浮动:右；}
#中心Header{显示:内联块；高度: 100%；垂直对齐:中间；}#社会化链接{高度: 100%；显示:内联块；垂直-对齐:中间；位置:绝对</em
浏览 3提问于2014-08-18得票数 0
回答已采纳
当我在swift 5中使用CATextLayer时，我使用水平对齐模式跟随将其对齐到中心，但它不能对齐到中心。textLayer.frame = myLabel.bounds;但当我在ipad pro上运行时，我将x位置设置为500，它就会移到中心
textLayer.position = CGPoint(500,20
浏览 19提问于2020-02-19得票数 0
20回答
我尝试了下面的代码，但它只将对话框的左上角位置定位到中心位置，这使得元素要右对齐。如何将对话框居中到计算元素宽度的实际中心，以便中心线将对话框切成50% 50%的一半？
浏览 2提问于2009-12-03得票数 69
回答已采纳
如何在屏幕中间对齐离子卡(垂直和水平)？.error {转换: translateX(-50%) translateY(-50%)；顶部: 50%；左: 50%；位置:绝对；.错误标题{位置:相对；文本对齐:中心；顶部:36%；字体大小: 3.0em；宽度: 100%；字体重量:粗体；颜色:红色；}.错误体{字体大小: 1.0em；文本对齐:中心<
浏览 0提问于2018-07-27得票数 1
1回答
我试图固定一个div的位置，而这个div的对齐是居中的，但是当我进入位置(无论是固定的还是绝对的)时，中心对齐会受到干扰。原因是什么？
浏览 2提问于2021-06-07得票数 0
回答已采纳
max-height: 80%; bottom: 60px;</style>
显示:内联块；文本对齐:包装上的中心对齐图像的左侧边缘，在FF和Chrome的中心位置。
浏览 5提问于2016-09-21得票数 0
回答已采纳
1回答
我想对齐两个侧边栏和一个居中的图像在高度。此外，侧边栏(包含文本)应该是垂直对齐的高度从外部容器。因此，有以下问题：
有人有解决办法吗？向你问好，布苏
浏览 5提问于2012-05-14得票数 0
回答已采纳
{ margin: 0 auto; table-layout: fixed;}有谁知道如何在页面上居中或放入100 an偏移量？
下面是演示了这个问题。
浏览 2提问于2015-01-06得票数 1
回答已采纳
4回答
/> //position absolute<img /> //position absolute在这段代码中，我想将图像放在div的中心，但由于图像的绝对位置，它不会在中心对齐，所以，请帮助我将此图像放在div的中心。
浏览 0提问于2011-09-23得票数 0
如何使一个绝对定位元素位于另一个元素的中心以下？编辑:为了弄清楚，我要找的是一个简单的方法，使元素的中心对齐。
浏览 1提问于2016-03-01得票数 9
回答已采纳
1回答
我有一个元素的位置是绝对的，我面临的唯一问题是我已经应用了一些属性来将它水平对齐，并且它在mozilla上运行得很好，但是相同的属性没有在chrome上工作，这是我的代码<a href="#
浏览 4提问于2017-02-06得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
