将所选项目自动填充到div标签中

Question

将自动完成框的选定记录绑定到div

var data = "<div class='close'><table><tr><td rowspan='4' width='50px;'><img src='" + studentItem.Photo + "' Width='48' Height='48'  /></td><td>" + studentItem.Name + " ( <span class='stuId'>" + studentItem.StudentId + "</span> )</td><td align='right' ><div id='close' class='close16'/></td></tr><tr><td><table cellpadding='0' cellspacing='0'><tr><td>" + studentItem.Email + "</td><td>&nbsp;|&nbsp;</td><td>" + studentItem.Mobile + "</td></tr></table></td></tr></table></td></tr></table></div>";
            $('#students').css('background-color', '#FFAA55');
            $("#students").append(data);

将数据绑定为

我希望每条记录都应该在一个单独的框中，例如在stackoverflow中查看标签框

我希望结果应该像上面那样.......我甚至试图将div脚本包含在一个表中，但是它显示了整行中的单个记录，而对于第二个记录，它来到了第二行，我该如何解决这个问题，任何人都可以帮助我

Answer 1

您正在寻找的是css属性更新：

将div设置为display: inline-block