请教一个样式问题?

希望在同一行拖拽图片,效果如下:

clipboard.png

但是现在拖拽的时候由于div是左浮动的,导致拖拽的过程中不在一行,效果如下:

clipboard.png

html如下:

<div class="imgDiv" style="float: left">
                                        <img width="80px" height="80px" hiddenIndex="1" itemId="1" ondblclick="editCouponPic(this, 1)" src="url1">
                                        <br><button type="button" class="btn btn-default delClass" onclick="return removeImg(this);">删除</button>
                                    </div>
                                    <div class="imgDiv" style="float: left">
                                        <img width="80px" height="80px" hiddenIndex="2" itemId="2" ondblclick="editCouponPic(this, 1)" src="url2">
                                        <br><button type="button" class="btn btn-default delClass" onclick="return removeImg(this);">删除</button>
                                    </div>

拖拽js如下:

jQuery(document).ready(function ($) {
            $("#dropDiv").dragsort({dragEnd: saveOrder, dragSelectorExclude: "input, textarea, a[href],select"});
        });
        function saveOrder() {
            $('#dropDiv img').each(function (index ,e) {
                $(e).attr('hiddenIndex',index)
            });
        }

请问一下如果控制在一行拖拽呢,div不是左浮动嘛?

阅读 1.5k
1 个回答

代码运行不了。
同一行的话,试试把浮动改成

display: inline-block;
vertical-align: top;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题