服务器与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居中代码

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

腾讯云代金券
腾讯云代金券
新客户无门槛领取价值高达2860元代金券,每种券限量500张,先到先得。
赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权

文章名称:《网页设计常用的div+css居中代码》

文章链接:https://www.chukuangren.com/divcss-juzhong.html

本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址