百度分享代碼無法水平居中的解決方法
來源:易賢網(wǎng) 閱讀:805 次 日期:2016-06-28 08:45:55
溫馨提示:易賢網(wǎng)小編為您整理了“百度分享代碼無法水平居中的解決方法”,方便廣大網(wǎng)友查閱!

百度在搜索結(jié)果中偏愛自己的產(chǎn)品是無用質(zhì)疑的,所以,越來越多的站長決定給網(wǎng)站頁面加上百度分享代碼。

不過在代碼居中碰到郁悶的事:一般在div層中加入style=text-align:center; 即可完成居中了,可是發(fā)現(xiàn)常用的居中方法對百度分享代碼無效。

解決方法有二種,最終效果如下:

名單

第一種:通過在百度分享代碼的最前面增加語句:

<div style=width:120px;float:left;>&nbsp;</div>,然后通過調(diào)節(jié)<div style=width:120px; float:left;>&nbsp;</div> 這個層的寬度達到定位百度分享代碼所在的層位置,使的其向右移動。

代碼如下:

<!-- 需要調(diào)節(jié)寬度的層 -->

<div style=width:120px;float:left;>&nbsp;</div>

<!-- baidu button begin -->

<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >

<span class=bds_more>分享收藏到:</span>

<a class=bds_qzone>qq空間</a>

<a class=bds_tsina>新浪微博</a>

<a class=bds_tqq>騰訊微博</a>

<a class=bds_renren>人人網(wǎng)</a>

</div>

<script type=text/javascript id=bdshare_js data=type=tools ></script>

<script type=text/javascript id=bdshell_js></script>

<script type=text/javascript>

document.getelementbyid(bdshell_js).src = = + new date().gethours();

</script>

<!-- baidu button end -->

第二種:通過給百度分享代碼添加一個外層,即<div style=text-align:cennter; padding-left:30px;> 此處放置百度分享代碼 </div>,可實現(xiàn)居中(padding-left 的數(shù)值用于對位置進行微調(diào))。

代碼如下:

<!-- 外層 -->

<div style=text-align:cennter; padding-left:30px>

<!-- baidu button begin -->

<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >

<span class=bds_more>分享收藏到:</span>

<a class=bds_qzone>qq空間</a>

<a class=bds_tsina>新浪微博</a>

<a class=bds_tqq>騰訊微博</a>

<a class=bds_renren>人人網(wǎng)</a>

</div>

<script type=text/javascript id=bdshare_js data=type=tools ></script>

<script type=text/javascript id=bdshell_js></script>

<script type=text/javascript>

document.getelementbyid(bdshell_js).src = = + new date().gethours();

</script>

<!-- baidu button end -->

</div>

這樣就可以實現(xiàn)百度分享代碼的水平居中了!

最后,提示各位站長,為了加快網(wǎng)頁的加載速度,最好把所有的js文件放到頁面的底部,<div>里的內(nèi)容放到需要顯示分享代碼的頁面位置。

更多信息請查看網(wǎng)站運營
易賢網(wǎng)手機網(wǎng)站地址:百度分享代碼無法水平居中的解決方法
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇剩?/div>
相關(guān)閱讀網(wǎng)站運營

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)