Fatal编程技术网
  • html/
  • Html 保证金不起作用？

Html 保证金不起作用？

html css

Html 保证金不起作用？,html,css,margin,Html,Css,Margin,我有一个div，“top”在“theform”的内部，我想把它居中，2米作为上边距。它居中，但顶部边距不是2米。和-webkit框对齐：居中；也不工作，因为我需要“主照片”居中 有什么想法吗？保证金可能会崩溃吗？如果是的话，我找不到解决办法 HTML <div id="wrapper"> <body> <?php ?> <div id="theform"> &

我有一个div，“top”在“theform”的内部，我想把它居中，2米作为上边距。它居中，但顶部边距不是2米。和-webkit框对齐：居中；也不工作，因为我需要“主照片”居中

有什么想法吗？保证金可能会崩溃吗？如果是的话，我找不到解决办法

HTML

<div id="wrapper">
        <body>
        <?php
        ?>
        <div id="theform">
            <form>
                <div id="top">
                    <div id="mainphoto">

                    </div>
                    <div id="title">

                    </div>
                </div>
            </form>
        </div>
        </body>
    </div>
在你的
#mainphoto
中添加边距，使其居中

#mainphoto{
    display:-webkit-box;
    width:22em;
    height:17em;
    margin:2em auto 0 auto;
}
工作

希望获得此帮助

确保您在使用2009 Flexbox属性时，必须同时提供标准规范中的属性：。你永远不知道浏览器什么时候会放弃对旧草案中属性的支持。@cimmanon谢谢，但你也知道我的问题的答案吗？你想要实现什么还不清楚。往哪边走？水平的？垂直的？你有很多元素被无缘无故地变成了flex容器。您使用的属性仅适用于非flex容器的元素上的flex容器。您有一个
div
包含
body
标记，这是无效的HTML。我希望它与box align对齐。而且没有居中。我希望div“top”居中，上边距为2emyou main
#top
应该是
center
，
#mainphoto
应该在
#top
的左角，你能给我看看你想要实现的目标的图像吗。 
#mainphoto{
    display:-webkit-box;
    width:22em;
    height:17em;
    margin:2em auto 0 auto;
}