gpt4 book ai didi

css -

垂直对齐到

转载 作者:行者123 更新时间:2023-11-28 17:31:01 25 4
gpt4 key购买 nike

<分区>

我想垂直对齐 <p> block 进入 <div>一。但是vertical-align: middle不工作...

我尝试了网络上的其他变通方法,但也不行...

你知道如何垂直对齐文本吗?

这是我正在工作的页面:http://jsfiddle.net/x4zxwd67/

这是html代码:

<div id="contenit">
<a class="homelink" href="#"><div id="Blocco1"> <p class="homemenu">Gomme in Casa</p></div></a>
<a class="homelink" href="#"><div id="Blocco2"> <p class="homemenu">Gomme in Deposito</p></div></a>
<a class="homelink" href="#"><div id="Blocco3"> <p class="homemenu">Admin</p></div></a>
<a class="homelink" href="#"><div id="Blocco4"> <p class="homemenu">Prova</p></div></a>
</div>

这里是 CSS:

html, body {
height: 100%; /* queste due sono essenziali */
width: 100%;
overflow: hidden; /* o vedi tu che valore dare - conviene in questo caso definire l'overflow */
}

#contenit {
height: 100%; /* queste due sono essenziali */
width: 100%;
position: absolute; /* o anche relative */
overflow: hidden;
background: white; /* questo e` per le prove */
}
#contenit div {
position: absolute;
width: 30%; /* supponendoli grandi uguali */
height: 30%;
background: blue;
}

#Blocco1 {
left: 11%; /* un terzo dello spazio libero dai blocchi */
top: 8%;
text-align: center;
}
#Blocco2 {
left: 55%;
top: 8%;
text-align: center;
}
#Blocco3 {
left: 11%;
top: 55%;
text-align: center;
}
#Blocco4 {
left: 55%;
top: 55%;
text-align: center;
}

我想将白色文本垂直对齐到蓝色 div。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com