HTML中的中心标记使其内容在父元素中居中。它已弃用，不应再使用。
How to horizontally center body items without <center>
下午的大部分时间我都在看这些答案： 水平居中没有。到目前为止，没有一个奏效。 我可以在 body { } 中放置什么指令到 </desc> <question vote="-1"> <p>下午大部分时间我都在看这些答案： <a href="https://stackoverflow.com/search?q=horizontally+center+without+%3Ccenter%3E">水平居中无<center></a>。到目前为止，没有一个有效。</p> <p>我可以在 <style> body { } 中放置什么指令来水平居中内容？</p> <pre><code><!DOCTYPE html> <html><head> <title>center</title> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <style> body { background-color: #FFFFFF ; font-family: Helvetica, sans-serif ; color: #000000 ; font-size: large } </style> </head> <body> <table style="border: none; padding: 0"> <tr><td><svg width="48" height="48"> <rect width="48" height="48" style="fill:#EA9000"/></svg></td> <td><h2>&nbsp;center.html</h2></td> </tr> </table> <p>vorpal text</p> <img src="http://clipart-library.com/data_images/383516.jpg" alt="eek"> <form action=""><input type="submit" value="Submit"></form> </body> </html> </code></pre> <p>这是上面代码的输出：</p> <p><a href="https://i.stack.imgur.com/8HBW4.jpg" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzhIQlc0LmpwZw==" alt="html output"/></a></p> </question> <answer tick="false" vote="1"> <p>你可以为此使用 flexbox。特别是垂直呈现内容的<pre><code>flex-direction: column;</code></pre>和垂直呈现内容居中的<pre><code>align-items: center;</code></pre>。</p> <p>有关 flexbox 的更多详细信息，请参阅<a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" rel="nofollow noreferrer">https://css-tricks.com/snippets/css/a-guide-to-flexbox/</a>。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><!DOCTYPE html> <html><head> <title>center</title> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <style> body { background-color: #FFFFFF ; font-family: Helvetica, sans-serif ; color: #000000 ; font-size: large; /* Start of new styles */ display: flex; flex-direction: column; align-items: center; } </style> </head> <body> <table style="border: none; padding: 0"> <tr><td><svg width="48" height="48"> <rect width="48" height="48" style="fill:#EA9000"/></svg></td> <td><h2>&nbsp;center.html</h2></td> </tr> </table> <p>vorpal text</p> <img src="http://clipart-library.com/data_images/383516.jpg" alt="eek"> <form action=""><input type="submit" value="Submit"></form> </body> </html></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>我添加了 width 和 text-align: center 到 body.<br/> 我将宽度设置为 100%，这样它就可以尽可能宽并且仍然居中。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { width: 100%; margin: auto; background: white; padding: 10px; text-align: center; } table, p, img, form { margin: 0 auto; margin-bottom: 15px; } table { padding-top: 3px; } </style> </head> <body> <table style="border: none; "> <tr> <td><svg width="48" height="48"> <rect width="48" height="48" style="fill:#EA9000"/></svg></td> <td> <h2>&nbsp;center.html</h2> </td> </tr> </table> <p>vorpal text</p> <img src="http://clipart-library.com/data_images/383516.jpg" alt="eek"> <form action=""><input type="submit" value="Submit"></form> </body> </html></code></pre> </div> </div> <p></p> </answer> </body></html>
我正在尝试使用 VBA 旋转对象。 使用 Selection.ShapeRange.IncrementRotation "some number" 很容易让它旋转 但是它会旋转物体的中心......
我一直在努力，但没有任何效果， https://jsfiddle.net/lucianopinochet/fzse5962/ 如果有人有想法，我会非常感谢你。 .容器文章按钮{ 对齐自我：中心； } 我一直在努力，但没有任何效果， https://jsfiddle.net/lucianopinochet/fzse5962/ 如果有人有想法，我会非常感谢你。 .container article button{ align-self: center; } <div class="container"> <article> <h3>Free</h3> <h4>Forever Free Plan</h4> <p>Our generous free forever plan provides you with plenty to get started and get addicted to the tools that will take your work to the next level. No credit card required to get started.</p> <ul> <li>Unlimited pages & links</li> <li>Up to 5 gigabytes of storage</li> <li>Up to 20 databases</li> <li>Share up to 50 pages via URL</li> <li>Up to two guest users per page</li> </ul> <button>Sign Up Now</button> </article> </div> 试试这个： div{ width:100%; display:flex; align-items:center; justify-content:center; } <div> <button>submit</button> </div> 垂直和水平按钮将通过此代码居中。
我有一列包含不同的行和元素，现在我想将所有内容垂直居中。 我认为这适用于 mainaxisalignment，但事实并非如此。其实不管我放什么...
所以我有 5 个项目（在一个包含的 DIV 中）。项目阵容为： 文字 图像 DIV 图像 文字 我希望显示它以便 DIV 居中，图像“拥抱”DIV，然后文本“拥抱”图像，...
我如何创建占位符正方形并使它们在 HTML 和 CSS 中居中对齐
截图 截图截图 您好，我希望占位符正方形居中对齐，请问我如何减少导航栏的长度。我刚刚学习和自学，所以我...
我的Stripe付款按钮在登陆页面上的居中位置有问题。我已经尝试了页边距，文本对齐，并将其包裹在一个div中，但无济于事。我很抱歉，我的CSS知识不是很好，但我想......
我是个编程新手，我想做一个小游戏，在这个游戏中，你可以独立地控制（旋转）一辆坦克和坦克顶部的不同炮。(我使用的是Slick)在坦克旋转过程中，......。
Bootstrap - 让我的P(有打字效果)在一个div中间
我试图让我的具有打字效果的文字在这个div的中间居中，但我不能让它工作。下面你可以看到我的代码，我尝试使用，但它将适合的工作。它将...
有什么方法可以将一个单元格包裹起来(将长文字放在我的单元格中)，并将它们放在中间？这是我的表格： import plotly.graph_objects as go fig = go.Figure(data=[go.Table( header=dict(......)]。
我对CSS不是很熟悉。根据，这个代码。我如何才能在我的导航栏中把 "我的网站 "文本居中？这是一个JS fiddle的工作实例：https:/jsfiddle.netcvp8w2tf2 谢谢你的......
我在W3.CSS框架内工作，试图将两张卡居中，如下图所示。当视口为大尺寸或中等尺寸时，我想让两张卡片相邻而坐。
输入代码 sf::FloatRect textRect = text.getLocalBounds(); /Font if(!font.loadFromFile("arial.ttf")){}。/Tło - trzeba załadować if(!texture.loadFromFile("bg_menu.png")){}。/play mainMenu[0].setFont(...)
我想让我的表格水平居中，并且我希望它们一个在另一个下面显示。使用一些bootstrap 4类，我已经设法让表格显示得很不均匀，或者有......
在我下面的代码中，我试图将一些东西限制在uiscreen中心点的顶部。我已经在下面添加了一张我所要找的图片。下面的代码是我试过的，它把它钉在了......。
我的快速代码正在尝试将对象限制在中心y锚的底部。构建代码并在iPad上运行时。那没有做。您可以看到正在显示的内容...
我想将两个按钮都放在中间，我尝试过margin：0 auto 0 auto;到该位置，但不起作用（当我尝试使用表而不是Div进行定位时，它起作用。）但我仍然想要...
我有一个导航栏，我想在搜索字段中居中，但找不到我应该使用的类。除了官方网站还有其他文档吗？我会得到所有...的列表...