Ich mache eine Übung und obwohl ich zuvor vertikal zentriert habe, kann ich es in diesem Fall nicht zentrieren.Warum ist mein Top: 50% CSS funktioniert nicht?
$(document).ready(function() {
// Appears the search form input
$("#search").addClass("search-init");
\t
}); // $(document).ready
body {
\t position: relative;
\t height: 100%;
\t width: 100%;
}
.search-init {
\t height: 5rem;
\t width: 5rem;
\t border: 2px solid green;
\t border-radius: 2.5rem;
\t top: 50%;
\t left: 50%;
\t transform: translate(-50%, -50%);
\t position: absolute;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
<div id="search">
</div>
</body>
</html>
Feste Körperhöhe hinzufügen. Bedeutet, dass Sie dem übergeordneten Element eine feste Höhe geben müssen, um das Element vertikal zu zentrieren –
Duplicate Frage: http://stackoverflow.com/questions/396145/how-to-vertically-center-a-div-for-all-browsers – Rahul
Es ist nicht möglich, es mit der vollen Höhe des Fensters zu tun? – Rafa