水平口袋按钮

Question

是否有人能够让Pocket按钮水平工作。

我正在使用此处描述的文档
https://getpocket.com/publisher/button

问题是这个按钮总是在它自己的行中并且与其他行一致。看这里： http://www.madhur.co.in/blog/2014/05/07/portablejekyllupdated.html

有没有办法可以将它与水平的其他按钮一起排列。

Answer 1

添加

<强> CSS

.pocket-btn {
  display: inline-block
}

到 HTML

<a data-pocket-label="pocket" data-pocket-count="horizontal" class="pocket-btn" data-lang="en"></a>
<span>asdf</span>

<script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>

<强> RESULT

SEE CODEPEN