Html CSS问题及其解决方法

我一直想为我正在创建的时钟程序将元素居中，但是当使用“margin:auto”选项时，计算机没有正确处理它，只是简单地表现为属性不存在。代码如下：

HTML

谢谢你的帮助。

你想把按钮居中吗

您可能希望尝试为#按钮指定小于100%的宽度，然后将边距：0自动应用于#按钮

试试这个

button {
    height:20px; 
    width:100px; 
    margin: -20px -50px; 
    position:relative;
    top:50%; 
    left:50%;
}

---

我没看过你的代码，但不管你想做什么

在其上方和内部添加父级

div

添加要居中的元素

给那个家长一个

ID

或

class

对于这个答案，我把这个班当作div-andrew

像这样的

<div class="div-andrew">

.div-andrew {
display: flex, 
flex-direction: row
justify-content: center
}

---

这篇文章肯定会帮助您轻松地解决主题的总体问题，您是否尝试过web浏览器上的“开发”窗口？您可以选择一个实体，它会精确地显示CSS项对它有什么影响。它还允许您当场更改CSS属性，并立即查看其效果。这似乎可行（对于小屏幕），但当您将屏幕扩展到平板电脑或桌面宽度时，它将失去完整性。所有屏幕尺寸的稳定性目标是什么？谢谢你，斯奇兄弟。我一直在想，在经历过这个问题之后，是否应该涉足flex容器。我对flex也有同样的感觉，但自从我与React Native合作以来，我意识到使用flex是多么的好。此外，如果这解决了您的问题，请将其标记为已回答：）

<div class="div-andrew">

.div-andrew {
display: flex, 
flex-direction: row
justify-content: center
}