將圖像對齊到div的右側

使用JQuery JEditable，我在下面的代碼中允許用戶創建虛擬便利貼，可以這麼說，我試圖讓它在旁邊每個創建的div，一個用戶可以簡單點擊的刪除圖像。我覺得我快到了，我只是想念一些東西。截至目前，圖片只出現在附加div的右側，而不是第一個div旁邊。有任何想法嗎？我應該動態創建第一個div嗎？將圖像對齊到div的右側

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.edit_area').editable(function(value, settings) { 
      return (value); 
     }, { 
      type: 'textarea', 
      onblur: 'submit', 
      indicator: 'Saving...', 
      callback: function(value, settings) { 

       $.post('<%=Url.Action("SetPostieNotes", "Posties") %>', { id: 0, content: escape(value) } 
       ); 
       function S4() { 
        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); 
       } 
       var uuid = (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4()); 


        var del_img = $('<div><img src="<%=Url.Content("~/Content/images/delete_14.png") %>" /> </div>'); 
        var new_div = $('<div style="float: left; width:98%; text-align: left;" id=' + uuid + '>') 
          .addClass('edit_area') 
          .editable('<%=Url.Action("SetPostieNotes", "Posties") %>', settings); 
        $(this).parent().append(new_div);          
        $(this).parent().append(del_img); 

      } 
     }); 
    }); 


</script> 

<div style="float: left; width:98%; text-align: left;" class="edit_area" id="empty"></div>

來源

2010-03-10 J.B.

如何將IMG浮動到右側？

來源

2010-03-10 10:01:50

試過但它不起作用。 :( –

什麼是第一個div？它是否從示例中缺失？我沒有在這裏看到與img的div ... –

將圖像對齊到div的右側

回答

相關問題