使div在正文中居中
要使一个div在正文中居中，可以使用以下方法：
- 使用CSS的flexbox布局：
- 使用CSS的flexbox布局：
- 这将使容器内的内容在水平和垂直方向上都居中对齐。可以将这个类应用于包含div的父元素。
- 使用CSS的绝对定位和transform属性：
- 使用CSS的绝对定位和transform属性：
- 这将使div相对于其父元素居中对齐。可以将这个类应用于要居中的div。
- 使用CSS的网格布局：
- 使用CSS的网格布局：
- 这将使容器内的内容在水平和垂直方向上都居中对齐。可以将这个类应用于包含div的父元素。
以上是三种常见的方法，可以根据具体情况选择适合的方法来使div在正文中居中。
相关·内容
1回答
使div在正文中居中
html、css、flexbox、electron
我已经完成了最初的部分，但当前歌曲细节的居中并不只是我的工作
我需要的部分，它显示了专辑的预览，以及曲目名称和其他细节是在唯一的grey区域的center
浏览 12提问于2016-08-28得票数 3
回答已采纳
4回答
如何在不对文本应用居中格式的情况下将页面正文中的所有元素居中？
html、css
我希望将页面正文中的所有元素居中，而不将居中格式应用于段落。例如，我希望我的段落左对齐，但作为一个整体，在网页窗口居中。我试着去做 <div align="center"> <img></body>
但是，虽然这会使正文中的所有元素在</
浏览 3提问于2011-12-27得票数 0
4回答
我在居中对齐div时遇到问题
html、css、alignment
所以我有一个类似这样的网站的标题：
.nav { margin: 0 auto; width: 100%; z-index: 100;目前，导航中的每个按钮都是另一个div。135px; background: #aa0000;
c
浏览 1提问于2014-11-22得票数 1
2回答
在正文中居中div元素
html、css
我试图在正文中居中的div的标记。我希望居中发生在768px。<div class="aside"> <hr> <li><a href="https://stackoverflow.comimg style="height: 75px; width: 75px&q
浏览 19提问于2017-08-27得票数 1
回答已采纳
2回答
html和body标签的边距、填充、高度和宽度
html、css
我写这段代码是为了理解下面代码的边距、填充和位置。问题就在这些/* */之间。再次感谢。<html><style> width:auto; /* Does auto will apply the background-color automatically to the display screen */
height:100%; /* 100% means 100% of th
浏览 0提问于2015-11-03得票数 0
4回答
html页面对齐问题
html、browser、user-interface
我正在开发一个Windows平台上的html页面。我发现当浏览器(显示器)的分辨率(或大小，以像素为单位)大于页面大小时，页面将与浏览器的左侧对齐，而当页面大小小于浏览器时，我希望页面与浏览器的中心(中间)对齐。先谢谢你，乔治
浏览 8提问于2009-12-22得票数 0
回答已采纳
3回答
在正文中居中浮动左div
css、html、css-float、center
>
something问题是车身没有宽度，嗯……实际上它有90%，但我的问题是分辨率不同，它对我来说是完美的(1680px宽度)，但当我切换到1024为例，产品似乎关闭(对齐到左边)
有没有可能在这些div的父容器上用一个非静态的with居中？
浏览 2提问于2009-11-26得票数 0
4回答
使div在div内居中
html、css
我的问题是我在这个div中有一个名为"header“的div和3个div。这些未与父div中的中心对齐。我试过很多答案，但都不起作用。#header { text-align: center; } <div id="header" align="center
浏览 0提问于2013-06-05得票数 2
3回答
使图片居中
jquery、html、css
我想要在有溢出隐藏的div中居中显示图像。 <div id="frame">
<img src="http://www.travelblog.org/Wallpaper/pix/tb_fiji_sunset_wallpaper.jpg" class="cente
浏览 6提问于2012-08-30得票数 3
回答已采纳
5回答
使用CSS进行水平对齐
css
我有以下代码： <p>Test<p><span style="color: Green">▼</span>这是一个非常简单的问题，我想，但我不知道如何使段落显示为水平居中对齐？
浏览 8提问于2011-06-11得票数 3
回答已采纳
1回答
如何在bootstrap中垂直和水平居中asp按钮
html、css、asp.net、twitter-bootstrap
我正试着在一个div的中心放置一个asp按钮。我设法使按钮水平和垂直居中，但不是同时居中。我已经经历了其他几个类似的问题，但没有一个解决方案对我有效。<div class="container" style="border: solid red 1px;"> <span classasp:
浏览 4提问于2017-06-24得票数 0
回答已采纳
1回答
垂直对齐两个挠性项
html、css、flexbox
我不知道如何在这个上下文中垂直对齐第一项.HTML: <div class="item-one">Item One</div></div>html, body {
浏览 0提问于2016-01-05得票数 3
回答已采纳
6回答
CSS使内容居中的适当方式
css、css-float、html-table
<td align="center"> </td></table><divstyle="width:100%; text-align:center">content</div>
但这似乎不太正确。我不是在尝试对齐文本，我是在尝试对齐内容。此外，这似乎对封闭元素
浏览 2提问于2009-04-06得票数 5
回答已采纳
2回答
使div居中
html、css
我想在一个100%宽的div中居中放置一个div。 <div id="body-inside"> </div>CSS。
浏览 3提问于2012-07-13得票数 0
回答已采纳
3回答
使div居中
css
我试图居中一个分区，但由于它是一个块和一般的文本或图像是内联的，它不work...The东西在分区内得到居中，但不是分区itself...How我可以这样做吗？type="text/javascript">
wrapperid: "fadeshow1", //ID of blank DIVduration (milliseconds)
descreveal: &q
浏览 1提问于2011-07-13得票数 1
回答已采纳
1回答
使正/负切换元素在圆内居中
jquery、html、css
+号和-号都在一个圆内，我希望将垂直和水平元素都在该圆内居中。这里有一个小提琴：<span class="plusminussign closed"> <div class="horizontal"></div>
<div class="vertical">
浏览 0提问于2018-08-25得票数 0
1回答
如何使用浮动实现中心对齐
css
我正试着将所有3个div居中。有没有一种方法可以在不创建div2和div3的情况下完成这项工作？div1 | div2 | div3
------------------------------------------------
浏览 4提问于2013-04-22得票数 0
回答已采纳
5回答
在正文中垂直居中放置div？
html、css、centering
我尝试在body中垂直居中(而不是水平居中)。此外，我不想指定高度或类似的东西。我试着添加一个100%高度的包装器和其他东西，但一无所获。你能帮我解决这个问题吗？
浏览 0提问于2012-10-08得票数 27
回答已采纳
2回答
使div在全屏div中居中
css、position、width、fullscreen、center
我需要在全屏div中水平和垂直居中div (未定义的宽度)。background: #000 url('header.jpg') no-repeat center center /* fixed */;-o-background-size: cover;position: relative;width: 100%;
内部
浏览 0提问于2014-10-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
