如何使文本区域从左上角移动

我的文本区域位于左上角。我试图让它显示在显示屏的中央。这是我的 html/css:

https://www.w3schools.com/code/tryit.asp?filename=GDAZWJBDC63Y


FFIVE
浏览 93回答 3
3回答

哆啦的时光机

如果您希望它垂直居中,这应该可以解决问题。.fill {        display: flex;    align-items: center;}如果您也希望它水平居中,请justify-content像这样添加中心。.fill {        display: flex;    align-items: center;    justify-content: center;}

缥缈止盈

所以我建议你研究一下 flex,它可以更轻松地对齐 DOM 中的项目。无论如何,除了回答你的问题之外,你可以将以下代码添加到你的 .fill 类中,它会将其水平和垂直居中。.fill{     display: flex;     align-items: center; //To center it vertically     justify-content: center; //To center it horizontal    }

摇曳的蔷薇

干得好:.body {&nbsp; background-image: url(https://media.giphy.com/media/dQtH57ix3NWDKOQeQM/giphy.gif);&nbsp; width: 480px;&nbsp; height: 270px;&nbsp; float: left;&nbsp; border-radius: 20px;}.fill {&nbsp; background-color: #00000d;&nbsp; width: 480px;&nbsp; height: 270px;&nbsp; border-radius: 20px;&nbsp; opacity: .8;&nbsp; /* added these three fields */&nbsp; display: flex;&nbsp; align-items: center;&nbsp; justify-content: center;}.proxies {&nbsp; margin-left: auto;&nbsp; margin-right: auto;}<html><script src="https://kit.fontawesome.com/5276b58f35.js" crossorigin="anonymous"></script><body class="everything">&nbsp; <right class="body">&nbsp; &nbsp; <div class="fill">&nbsp; &nbsp; &nbsp; <textarea name="proxies" id="proxies" cols="30" rows="10"></textarea>&nbsp; &nbsp; </div>&nbsp; </right></body></html>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5