tft每日頭條

 > 生活

 > div裡的文字怎麼垂直居中

div裡的文字怎麼垂直居中

生活 更新时间:2024-07-22 09:14:49

一、讓DIV在頁面居中

* { margin:0; } #box { width:300px; height:300px; background:#03F; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }

二、讓子DIV在父DIV中居中;文字在DIV中居中

.in { width:60px; height:60px; background:#0FC; position: absolute; top:50%; left: 50%; /* 外邊距設置為這個DIV塊的寬度和高度1/2 */ margin-top: -30px; margin-left: -30px; /* 設置塊内的文字水平居中,行高為DIV塊的高度使其垂直居中*/ text-align:center; line-height:60px; }

三、彈出提示文字

<div id="box"> <A href="#" onclick=alert("報名還未開始,請稍後再試!") > <div class="in">開始</div> </A> </div>

div裡的文字怎麼垂直居中(DIV塊和文字水平垂直居中)1

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved