6hz7vif 发表于 2024-6-30 05:43:59

怎么才可让div内内容垂直居中。?


    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这是我总结的六种 HTML 元素垂直居中的实现方式，<span style="color: black;">倘若</span>觉得有用，就大方的点赞、<span style="color: black;">保藏</span>。</p>
            <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span> img的垂直水平居中</h2>
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>到的<span style="color: black;">要紧</span>样式属性display,vertical-align vertical-align:middle这个属性是对table元素垂直居中起<span style="color: black;">功效</span>，<span style="color: black;">倘若</span>想<span style="color: black;">运用</span>在 img 元素上，就<span style="color: black;">重视</span>下面的 display 设置。</p>
            <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">&lt;!DOCTYPE html&gt;</span>
                <span style="color: black;">&lt;</span><span style="color: black;">html</span> <span style="color: black;">lang</span><span style="color: black;">=</span><span style="color: black;">"en"</span><span style="color: black;">&gt;</span>
                <span style="color: black;">&lt;</span><span style="color: black;">head</span><span style="color: black;">&gt;</span>
                <span style="color: black;">&lt;</span><span style="color: black;">meta</span> <span style="color: black;">charset</span><span style="color: black;">=</span><span style="color: black;">"UTF-8"</span><span style="color: black;">&gt;</span>
                <span style="color: black;">&lt;</span><span style="color: black;">title</span><span style="color: black;">&gt;</span>Document<span style="color: black;">&lt;/</span><span style="color: black;">title</span><span style="color: black;">&gt;</span>
                <span style="color: black;">&lt;</span><span style="color: black;">style</span> <span style="color: black;">type</span><span style="color: black;">=</span><span style="color: black;">"text/css"</span><span style="color: black;">&gt;</span>.main{
                width: 400px;
                height: 400px;
                bac<span style="color: black;">公斤</span>round-color: #aaa;
                display: table;/*父元素设置表格属性*/
                text-align: center;
                }
                .main span{
            </div>
      </span></div>




AventurineLe 发表于 2024-9-8 17:43:16

真情实感，其含义为认真了、走心了的意思，是如今的饭圈常用语。

nykek5i 发表于 2024-10-7 20:32:41

外贸论坛是我们的，责任是我们的，荣誉是我们的，成就是我们的，辉煌是我们的。

1fy07h 发表于 4 天前

大势所趋，用于讽刺一些制作目的就是为了跟风玩梗，博取眼球的作品。
页: [1]
查看完整版本: 怎么才可让div内内容垂直居中。?