0

http://jsfiddle.net/z3Jue/20/

我无法让我的所有（内联块）元素与它们的容器 div 的顶部对齐。

我已经在列表中尝试了这些项目，向左浮动（但不能居中）和许多其他随机的东西，但似乎没有任何效果。

任何帮助表示赞赏！

CSS

#buttons{
    margin: 0 auto;
    padding:0px;
    border:1px dotted black;
    height:60px;
}

 .block img{

    display:inline-block;
    *display: inline;
    zoom: 1;
    height:60px;
    width:40px;
    border:0;

 } 

.block{
    display:inline-block;
    *display: inline;
    zoom: 1;
    border:1px solid red;
    height:60px;
    width:40px;
    margin:0px;
    padding:0px;
 }

 #search {
    display:inline-block;
    *display: inline;
    zoom: 1;
    height:60px;
    width:240px;
    border:1px solid red;
    margin:0px;
    padding:0px;
 }

#searchTextForm{
    font-size:16px;
    width: 185px;
    color:#333;
    margin-top:3px;
    border:1px dotted blue;
    margin-top:15px;
 }

HTML

<div id="buttons" align="center">
<div id="search" >
    <form method="get" name="tipue" action="search/results.html" target="toolbarlongTOC" title="search">
    <input type="text" id="searchTextForm" name="d" class="field" size="25" >
    </form>
</div>
<div class="block">1</div>
<div class="block">2</div>
<div class="block">3</div>
<div class="block">

    <a href="#" id="bookmarks">
        <img src="http://i.imgur.com/cbb92jF.jpg">
    </a>

    </div>
<div class="block">3</div>

4

2 回答 2

2

设置.block {vertical-align: top}。完毕。

http://jsfiddle.net/z3Jue/22/

于 2013-03-05T17:19:05.383 回答
0

而不是height你的父母div，你可以使用line-height和使用vertical-align子块。看这个演示：http: //jsfiddle.net/z3Jue/25/

于 2013-03-05T17:21:14.013 回答