2016-11-09 82 views
0

我在WordPress頁面上有一個Twitter和LinkedIn共享小部件。我試圖在同一行顯示這兩個小部件,但徒勞無功。要在同一行中顯示兩個小部件

Here is a Screenshot

這是用於顯示窗口小部件的代碼。

<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; 
} 

但它仍然沒有水平對齊。請幫助。

+0

鏈接你在同一行的意思是水平或垂直?這就是我在網站上粘貼代碼時得到的小部件。 http://imgur.com/a/4SsWr –

+1

將此錨點標籤包裹在div中,並顯示它的樣式:inline-block; @ user3402248 –

回答

1

在一個範圍內環繞兩個小部件。跨度用於內聯元素。這裏是它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

相關問題