div：の内側にテキストを垂直に配置したかった
display:table-cell;
vertical-align: middle;
テキストは整列さdivれていますが、（幅が100％の）幅が狭くなっています。何が問題ですか？垂直に整列する他の良い方法はありますか？
編集：もう少しHTMLコード：
<div style="position:absolute;top:40%;left:0%;">
<div id="posts" style="position:relative;">
<div style="display:table-cell;vertical-align: middle;width:100%;height:100px;position:relative;text-indent: 1.5em"></div>
<div style="display:table-cell;vertical-align: middle;width:100%;height:100px;position:relative;text-indent: 1.5em"></div>
</div>
</div>
コードを更新して機能させました。
<div style="position:absolute;top:40%;left:0%;width:100%;">
<div id="posts "style="position:relative;width:100%;">
<div style="display:table; width:100%;">
<div style="display:table-cell;vertical-align: middle;width:100%;height:100px;position:relative;text-indent: 1.5em;text-align:center;">test
</div>
</div>
</div>
必要なのは、divwith display: tableinを追加し、含まれているすべての要素をに設定することでした100% width。また、divあなたが中心に置いてtext-align: centerいる必要があります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加