1

私は自分のビューにhtmlのこの部分を持っています:

 <div class="info">    
   <img width="52" height="52" alt="Avatar" src="/ThemeFiles/Base/images/User/user-avatar.png"/> 
 </div>
 <ul class="links">
    <li>
       <%: newsItem.CommentDate %>
    </li>
    <li>
       <%: ViewBag.UserName %>
    </li>
 </ul>

アバターの下に、newsItem.CommentDate と ViewBag.UserName が表示されたアバターが表示されます。アバターの隣に表示する日付とユーザー名を取得するにはどうすればよいですか??

ありがとう

4

3 に答える 3

2

これは 1 つの方法です。

div.info { display: inline-block; width:52px; height:52px; }
ul.links { display: inline-block; }

ただし、それらを特定の方法で整列させたい場合は、微調整が必​​要になる場合があります (1 つの方法はul.links、heightいくつかのpadding-top.

それを理解していないブラウザfloat: leftの代わりに使用することもできます。display:inline-block

ただし、 s を使用すると、それらに続くfloat要素に何が起こるかを考慮する必要があります-そうでない要素では。inline-block

于 2012-12-06T12:54:06.740 に答える
1

アバターdivを左にフロートさせてみてください。

于 2012-12-06T12:57:08.260 に答える
0

float: left2つのdivを作成してから、最初のdivで使用してみましたか

  <div class="info">    
     <img width="52" height="52" alt="Avatar" src="/ThemeFiles/Base/images/User/user-avatar.png"/> 
  </div>

   <div class="linkscontainer">
          <ul class="links">
            <li>
               <%: newsItem.CommentDate %>
            </li>
            <li>
               <%: ViewBag.UserName %>
            </li>
          </ul> 
      <div>
于 2012-12-06T12:54:49.957 に答える