我正在制作一個作品集網站并使用（HTML、CSS、JS）徽標，我需要將它們放在元素的中心。我使用了 text-align: center 但這不起作用。我是開發新手。
我試過 text-align : center; 但這不起作用。
uj5u.com熱心網友回復：
基于此，您可以執行以下操作
<html>
<body>
<style>
.logo {
border: 1px solid black;
width: 200px;
}
#logo-container {
border: 1px dashed red;
display: flex;
justify-content: center;
text-align: center;
}
</style>
<div id="logo-container">
<div class='logo'>Logo 1</div>
<div class='logo'>Logo 2</div>
<div class='logo'>Logo 3</div>
<div class='logo'>Logo 4</div>
<div class='logo'>Logo 5</div>
</div>
</body>
</html>
uj5u.com熱心網友回復：
您可以flex為此目的使用，扭曲父 div 內的徽標。
然后垂直對齊align-items: center;和水平對齊justify-content:space-around;
像這樣 ：
body{
padding:0;
margin:0;
height:100vh;
width:100vw;
display:grid;
place-items:center;
}
.parent{
background-color:#6cba70;
display:flex;
width:400px;
height:200px;
justify-content:space-around;
align-items: center;
}<div class="parent">
<div>HTML</div>
<div>CSS</div>
<div>JS</div>
</div>uj5u.com熱心網友回復：
text-align 用于文本，聽起來您在談論某種形式的影像元素，這是行不通的。
沒有例子很難給你一個確切的解決方案，但我會使用 flex。你可以試試看：https ://www.w3schools.com/cssref/css3_pr_flex.asp
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/454947.html
下一篇：取決于設備型別的HTML重定向