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できます。このデモを参照してください：http：//jsfiddle.net/z3Jue/25/line-heightvertical-align

于 2013-03-05T17:21:14.013 に答える