HTML图片居中显示

前言:从不熟悉到熟悉是一个过程,在这个过程中充满着许多的乐趣

正文:

牛腩已经进入到了页面设计阶段,在这个过程中也发生了许多有趣的事情这不今天就遇见了如何让图片居中这个事情。

首先将图片设定居中 style="margin-left:25%"

说明:25%表示随着屏幕整体向左移动25%,这是在HTML中写的,这种写法是较为灵活,它可以随不同的屏幕而调整,其中25%是可以自己根据实际情况来设定和调整的。如下图

图一是调整前的样式:(可以看见图片明显靠左)


图二、调整后


下方是图二代码:

图二的代码如下:
<div>
                <a href ="Default.aspx"><img src="images/niunanlogo.jpg" style="margin-left:25%" /></a>
                <a href ="http://www.baidu.com"target="_blank"><img src="images/tg029logo.gif" /></a>
            </div>
总结:方法还有很多种,只要不拒绝,善于去发现就会收获到意料之外的惊喜。

  • 6
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值