在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何讓inline-block的div縱向調(diào)整未知?

如何讓inline-block的div縱向調(diào)整未知?

頁面采用Bootstrape,如下圖所示:

圖1,是當(dāng)前的狀態(tài):
圖片描述

圖2,是期望的狀態(tài):
圖片描述

代碼:

<div class="col-md-4" style="text-align: right;">
    <div style="margin: 26px 0 0 83px;">
        <div style="display: inline-block;">
            <div style="margin-bottom: -3px;">項(xiàng)目們</div>
            <span style="font-size: 13px;">projects</span>
        </div>
        <div style="display: inline-block;margin-left: 12px;">
            <div>項(xiàng)目A, 項(xiàng)目B, 項(xiàng)目C</div>
        </div>
    </div>
    <span style="font-size: 12px;margin-left: 205px;">備注........</span>
</div>

由于包裹“項(xiàng)目們/projects”的div 和 包裹“項(xiàng)目A/項(xiàng)目B/項(xiàng)目C”的div 都設(shè)置了 inline-block, 現(xiàn)在想讓第二個(gè)div(包裹“項(xiàng)目A/項(xiàng)目B/項(xiàng)目C”的div) 縱向(往上)移動幾個(gè)px。。。

但是無論如何都無法移動,....
試圖設(shè)置第一個(gè)inlineblock-div或者第二個(gè)inlineblock-div的height或者margin-bottom,都不行,div的都只會維持上邊界的位置、然后移動下邊界... 最后導(dǎo)致 下方的“備注.....”被不斷往下頂

求大神破案。。。謝謝?。?/p>

回答
編輯回答
囍槑

給第二個(gè)div(包裹“項(xiàng)目A/項(xiàng)目B/項(xiàng)目C”的div)加一個(gè)transform:translateY(-10px);就可以往上偏移了

2018年7月12日 13:31