Question

如何将所有这些元素放置在网页中间？

例如，h1在输入上方，但彼此之间是相对的，同时还要考虑到它应该是响应性的。我知道如何使用position: absolute;定位它们，但我想知道哪种更好的做法。

html {
     background-color: rgb(171, 248, 235);
        font-family: sans-serif,Tahoma, Verdana, 'Times New Roman';
    }

    h1#maintitle {
        margin: 0 0 0 0;
        text-align: center;
    }

    div#info {
        font-size: 1em;
        margin: 0.5em;
    }

<body>
    <h1 id="maintitle">Find your new abcde</h1>
    <div id="info">
        <input name="arrive" type="date" placeholder="Arrival date:">
        <input name="departure" type="date" placeholder="Departure      date:">
        <input name="guests" type="number" placeholder="Guests:">
        <button id="search_button" type="button">Search</button>
    </div>
</body>

Answer 1

我仅使用text-align：center：在中心进行了所有输入

div#info {
    font-size: 1em;
    text-align: center;
}

希望，它会帮助

如何在网页CSS中放置元素

1 个答案: