In meinem Projekt gibt es eine HTML-Tabelle, die jeweils eine dd enthält. Ich muss dieses div so einstellen, dass es zum td passt, also setze ich die Position von td auf relativ und div auf absolut.Wie zentriert Text im absoluten Div innerhalb td?
beachten Sie bitte die folgende Tabelle und seinen Stil:
table {
width: 500px;
height: 600px;
}
table td {
position: relative;
}
table td div {
position: absolute;
backgroundcolor: red;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
<table id="theTable">
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
<tr>
<td>
<div>a1</div>
</td>
<td>
<div>b2</div>
</td>
<td>
<div>c2</div>
</td>
</tr>
<tr>
<td>
<div>a2</div>
</td>
<td>
<div>b2</div>
</td>
<td>
<div>c2</div>
</td>
</tr>
</table>
Die oben gestylt Tisch ist einfach perfekt zu erfüllen, was ich erwartet hatte. Als nächstes möchte ich den Text im absoluten div als Mittelpunkt (vertikal einschließen) definieren.
Also ich fand es im Internet, die meisten von ihnen schlägt vor, dass div mit einem display: table;
Stil zu geben. Offensichtlich ist es nicht :(
Kann irgendein mir sagen, wie jener Text zum Zentrum
kann mir jemand helfen, es eine Live-Demo zu geben? –
Einstellung td zu relativ hat keinen Effekt mate, muss etwas anderes versuchen. Warum platzierst du überhaupt ein div in die Zelle? Es ist einfach, Text innerhalb von td selbst zu zentrieren. – skobaljic
@skobaljic mein Projekt ist ein Ereigniskalender, div ist in meinem Fall nützlicher. –