Question

在这个示例http://jsfiddle.net/czwsK/中，如何将文本“hello”与顶部框的高度的10％对齐？例如，第一个内联块将从顶部开始是20px。

Answer 1

This JSFiddle演示了您需要做什么。正如Diodeus所建议的那样，你不应该使用一个百分比，但是如果你愿意，将你的元素包装在容器div中并给 div你想要的高度，那么你可以使用百分比{文本div上的{1}}。

<强> HTML ：

vertical-align: top

<强> CSS ：

<html>
    <body>
        <div class="container">
            <div class="text">hello</div>
            <div style="display:inline-block; height:100%; width:200px; border: 1px solid black"></div>
        </div>
    </body>
</html>

Answer 2

我认为如果从顶部想要它20px，你应该使用20px，而不是10％。这是使用%

<html>
    <body>
        <div style="display:inline-block;dislpay:table-cell;vertical-align:top;padding-top:10%">hello</div>
        <div style="display:inline-block; height:200px; width:200px; border: 1px solid black"></div>
    </body>

</html>

如何对齐两个兄弟内联块相对于彼此的高度？

2 个答案: