0

3つに分けたいと思います。

<li>
<font size="1">
   <div>${comment.postingDate}</div>
   <div><a href="javascript:void(0)" class="like">Like</a><a href="javascript:void(0)" style="padding-left:6px;" class="love">Love</a></div> 
   <div><span class="badge"><i class="icon-thumbs-up"></i><span class="like-count">1</span></span>
        <span class="badge badge-important"><i class="icon-heart"></i><span class="love-count">1</span></span>
   </div>
 </font>
</li>

しかし、これは間違った設計だと思います。私はhtmlが初めてなので、これを効率的に達成する方法を考えていました。

コメントの最後の行は次のようにする必要があります

Date Like Love Here は、カウント付きの記号である必要があります。

ここに画像の説明を入力

4

2 に答える 2

0

探していたものを手に入れたと思います。ここに画像の説明を入力

              <li>
                            <font size="1">
                               <span>${comment.postingDate}</span>
                               <span>
                                  <a href="javascript:void(0)" class="like">Like</a>
                                  <a href="javascript:void(0)" style="padding-left:6px;" class="love">Love</a></span> 
                               <span class="pull-right">
                                  <span class="badge"><i class="icon-thumbs-up"></i><span class="like-count">1</span></span>
                                  <span class="badge badge-important"><i class="icon-heart"></i><span class="love-count">1</span></span>
                               </span>
                             </font>
                            </li>
于 2013-03-12T12:40:52.550 に答える
0

私の観察によると、画像の最後の行を探しています。

フォントタグを削除

<div class="col">${comment.postingDate}</div>
<div class="col">
     <a href="javascript:void(0)" class="like">Like</a><a href="javascript:void(0)" style="padding-left:6px;" class="love">Love</a>
</div> 
<div class="col">
    <span class="badge"><i class="icon-thumbs-up"></i><span class="like-count">1</span></span>
    <span class="badge badge-important"><i class="icon-heart"></i><span class="love-count">1</span></span>
</div>

スタイルのある

.col{position:relative;float:left;top:0}

これでいけると思います

于 2013-03-12T12:37:19.557 に答える