要在同一行中显示两个小部件

我在WordPress页面上有一个Twitter和LinkedIn共享小部件。我试图在同一行显示这两个小部件，但徒劳无功。要在同一行中显示两个小部件

这是用于显示窗口小部件的代码。

<a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script> 
<script type="IN/Share" data-counter="top"></script>

我尝试应用CSS类它

.share_icon{ 
white-space: nowarap; 
}

但它仍然没有水平对齐。请帮助。

来源

2016-11-09 user3402248

链接你在同一行的意思是水平或垂直？这就是我在网站上粘贴代码时得到的小部件。 http://imgur.com/a/4SsWr –

将此锚点标签包裹在div中，并显示它的样式：inline-block; @ user3402248 –

在一个范围内环绕两个小部件。跨度用于内联元素。这里是它https://jsfiddle.net/wnsg3js0/

<span> 
    <a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 
    <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script><script type="IN/Share" data-counter="top"></script> 
</span>

小提琴和更多的跨https://www.tutorialspoint.com/html/html_span_tag.htm

来源

2016-11-09 18:20:50

要在同一行中显示两个小部件

回答

相关问题