时间戳

首页 > 解决方案 > 如何修复div中文本而不是图像的对齐方式？

html - 如何修复div中文本而不是图像的对齐方式？

问题描述

是否可以将我的文本与垂直中间对齐。我用过valign，但是不会text-align用。padding另外，我不希望任何图像与文本对齐。

解决方案只需要 HTML。在此处输入图像描述

body {
    background-color: #6B6B6B;
    margin: 50px;
<div style="background:#2f2f2f;height:42px;width:250px;"><i><b style="padding-top:10px;text-align:middle">Text</a></div>

标签： htmlalignment

解决方案

只需添加到 div。

display: flex;
align-items: center;


body {
    background-color: #6B6B6B;
    margin: 50px;
<div style="background:#2f2f2f;height:42px;width:250px;display: flex;
align-items: center;"><i><b style="padding-top:10px;text-align:middle">Text</a></div>

此外，html 格式无效，更好的代码是这样的：

body {
    background-color: #6B6B6B;
    margin: 50px;
}

   .container {
    background: #2f2f2f;
    height: 42px;
    width: 250px;
    display: flex;
    align-items: center;
}
<div class="container">
    <span>Text</span>
</div>

推荐阅读