HTML form 垂直水平居中
阿新 • • 發佈：2019-01-13
HTML中body程式碼：
<body>
<div class="divForm"><form action="" method="post">
<p>
歡迎登陸網站主頁
<p>
使用者名稱：<input type="text" name="username"/>
</p>
<p>
密 碼：<input type="password" name="password"/>
</p>
</form>
</div>
</body>
然後，head中的style程式碼:
<style type="text/css">
.divForm{
position: absolute;/*絕對定位*/
width: 300px;
height: 200px;
border: 1px solid red;
text-align: center;/*(讓div中的內容居中)*/
left: 50%;
margin-top: -200px;
margin-left: -150px;
}
</style>
各位朋友可親測，完了後，將border: 1px solid red;去掉即可
再分享一下我老師大神的人工智慧教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智慧的隊伍中來！https://blog.csdn.net/jiangjunshow