我的文本區域位于左上角。我試圖讓它顯示在顯示屏的中央。這是我的 html/css：https://www.w3schools.com/code/tryit.asp?filename=GDAZWJBDC63Y
3 回答
哆啦的時光機
TA貢獻1779條經驗 獲得超6個贊
如果您希望它垂直居中，這應該可以解決問題。
.fill {
display: flex;
align-items: center;
}
如果您也希望它水平居中，請justify-content像這樣添加中心。
.fill {
display: flex;
align-items: center;
justify-content: center;
}
縹緲止盈
TA貢獻2041條經驗 獲得超4個贊
所以我建議你研究一下 flex，它可以更輕松地對齊 DOM 中的項目。無論如何，除了回答你的問題之外，你可以將以下代碼添加到你的 .fill 類中，它會將其水平和垂直居中。
.fill{
display: flex;
align-items: center; //To center it vertically
justify-content: center; //To center it horizontal
}
搖曳的薔薇
TA貢獻1793條經驗 獲得超6個贊
干得好：
.body {
background-image: url(https://media.giphy.com/media/dQtH57ix3NWDKOQeQM/giphy.gif);
width: 480px;
height: 270px;
float: left;
border-radius: 20px;
}
.fill {
background-color: #00000d;
width: 480px;
height: 270px;
border-radius: 20px;
opacity: .8;
/* added these three fields */
display: flex;
align-items: center;
justify-content: center;
}
.proxies {
margin-left: auto;
margin-right: auto;
}
<html>
<script src="https://kit.fontawesome.com/5276b58f35.js" crossorigin="anonymous"></script>
<body class="everything">
<right class="body">
<div class="fill">
<textarea name="proxies" id="proxies" cols="30" rows="10"></textarea>
</div>
</right>
</body>
</html>
- 3 回答
- 0 關注
- 139 瀏覽
添加回答
舉報
0/150
提交
取消