Question

我正在尝试在内联块元素下方显示一个按钮？

image我想把按钮放在标题下方？

这是我的代码：

function(data) {
                var output;
                $.each(data.items, function(i,item) {
                    console.log(item);
                    videTitle = item.snippet.title;
                    videoId = item.snippet.resourceId.videoId;
                    output = '<li style="margin-bottom: 5%;"><img  style="display:inline; margin-right: 2%;" src="http://img.youtube.com/vi/'+videoId+'/hqdefault.jpg" width="150" class="img img-responsive" /><span style="font-size:16px;">'+videTitle+'</span><div class="buttons" style="position:absolute; margin: 1%;"><a class="bn btn-success" style="padding:3px;" href="https://www.youtube.com/watch?v='+videoId+'\">'+"Watch on Youtube"+'</a><a class="bn btn-primary" style="padding:4px; margin-left: 10px;" href="https://www.youtube.com/watch?v='+videoId+'\">'+"Convert to MP3"+'</a></div></li>';
                    $('#results').append(output);
                })
            }

我不知道为什么但是我不能做到最右边但是按钮上的左侧定位？

Answer 1

首先让我先说，最好让你的样式不是内联的样式表。无论如何要使用＆＃34;右上角左下角＆＃34;你应该position: relative，绝对或固定。
在您的情况下，我建议position: relative使用li，然后您可以相对于容器使用position: absolute

如何显示在内联块元素下面放一个按钮？

1 个答案: