Question

我有两个带显示的div：彼此相邻的内联块，但是第二个宽度可以变得太长，以至于它将落在第一个div下面。这很好，但问题是当发生这种情况时，2个div之间没有垂直空间。我可以通过在第一个div中添加margin-bottom来解决这个问题，但是这会导致第二个div有点低，即使它位于第一个div的右边。

Answer 1

您使用的浏览器是什么？如下所示，当一个inline-block div滑落到另一个下方时，两个inline-block div保留边距。（事实上，摆脱#container { width: 200px; } #top { display: inline-block; width: 100px; height: 100px; background: red; } #right { display: inline-block; width: 150px; height: 100px; background: blue; }元素之间的差距有点棘手，但这是另一个问题。）

＆＃13;

<div id="container">
  <div id="top"></div><div id="right"></div>
</div>

＆＃13;

private void setGroupIndicatorToRight() {
    /* Get the screen width */
        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        int width = dm.widthPixels;
        expandableList.setIndicatorBounds(width - getDipsFromPixel(35), width - getDipsFromPixel(5));
    }
    // Convert pixel to dip
    public int getDipsFromPixel(float pixels) {
        // Get the screen's density scale
        final float scale = getResources().getDisplayMetrics().density;
        // Convert the dps to pixels, based on density scale
        return (int) (pixels * scale + 250.5f);
    }

＆＃13;

Answer 2

你想要的是“vertical-align：top;”。

如何在2个内联块之间建立适当的垂直边距？

2 个答案: