1

わかりました、これは私が持っているものです。

         <section id = "main"><!--main section -->
            <h2> Latest Work... </h2>
            <section class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </section>
            <section class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </section>
        </section><!-- end of main section -->

さて、これらの3つのセクションを1行に並べる方法がわかりません。iveはdisplayを試しました：inline-block; など何も機能していないようです。cssファイルまたはimgのセクション部分をターゲットにする必要がありますか？または両方？ヘルプ！笑ありがとう ：）

ok ivはあなたのすべての助けを借りてそれを行うことができました..私は今それらをどのように中心に置くでしょうか？

4

4 に答える 4

0

あなたはいくつかの無効なhtmlを持っていると思います。これに変更してください

<section id = "main"><!--main section -->
            <h2> Latest Work... </h2>
            <span class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </span>
            <span class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </span>
        </section><!-- end of main section -->
于 2012-06-28T11:19:41.393 に答える
0

最後に、次を追加します。

<br style="clear:both"/>
于 2012-06-28T11:19:56.303 に答える
0

これを css に追加します。必要に応じて幅を変更します 

 h2,.examples
    { {float:left;
    margin-left:10px}}
于 2012-06-28T11:20:14.853 に答える
0

次のようなものを試すことができます：

​h2, .examples​ {
    float:left;
    margin: 10px;    
    display:block;
}​

ここで見ることができますhttp://jsfiddle.net/Phenix/Mwtdb/

于 2012-06-28T11:20:26.073 に答える