如何让div出现在同一行

Question

请看这里的jsfiddle

http://jsfiddle.net/HE7yT/

如何使图像，内容，金额显示在同一行

如果你看到图片150必须显示在同一行。

 var HTML = $('<div class="cart" id="mee"></div>');
  var test = $("#imagesd").attr('src');
  var id_attr = $(this).attr("id");

  HTML.append('<input id_attr="'+id_attr+'" type="checkbox" checked   id= "newer" class="newer item_chk" name="item_check" value="'+$(this).attr('value')+'"/>'+$(this).attr('value')) ;
  HTML.append('<img type="img" height="40" width="40" src="'+imagesrdd+'"/>') ;
    HTML.append('<div id_attr="'+id_attr+'">'+amountdd+'</div>');

请看这里的图片

Answer 1

如果你想让它们出现在一行中，那么你需要使用一些内联元素或者只是将它们设置为内联样式。

您正在使用DIV元素作为+和 - 按钮，要么使用SPAN，要么使用＆＃39; display：inline-block;＆＃39;

.buttontest {
    display: inline-block;
    margin: 0 10px;
}

更新小提琴：http://jsfiddle.net/HE7yT/2/