服务器与VPS
促销优惠信息

网页设计常用的div+css居中代码

前几天文章里发了一段现在能用的网站分享代码,是我现在自己的网站正在用的,效果很满意。但是有网友联系我,说他使用之后分享图标偏到页面左侧了,换了好几个位置都不行,问我怎么办?

其实这个问题不难,只要给分享代码加一个居中代码就好了。

例如前端分享代码是这样的:

<div class="share-single">'. _hui('share_single_code') .'</div>' : '' ?>

那么我们给DIV添加一个居中的css属性:style="text-align:center"

<div style="text-align:center" class="share-single">'. _hui('share_single_code') .'</div>' : '' ?>

现在删除一下缓存,刷新页面之后,前端的分享图片都到页面中间显示了。

如图:

网页设计常用的div+css居中代码

类似这样的网站常用代码,对于老站长和程序员来说都是信手为之的,但是对于像我这样半路出家的菜鸟站长,经常会有一些似是而非的概念,却又在具体执行上总是提笔忘字,所以保存并分享出来,以后使用方便些,也让和我一样的新手建站之路走的轻松点。

楚狂人 » 网页设计常用的div+css居中代码

相关推荐

  • 暂无文章

评论 抢沙发

  • (必填)
  • (必填)

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏