center

center

纯CSS或js设置宽度溢出的图片水平居中(垂直居中同理)

前端liuliangsong 发表了文章 • 0 个评论 • 11548 次浏览 • 2017-09-02 18:30 • 来自相关话题

  有时候,我们需要图片在容器中水平居中。当图片宽度大于容器宽度时,我们期望的是图片水平居中,图片两边多出的部分隐藏掉。但是,我们得到的结果却是显示了图片的左边部分,隐藏的全是图片右边多出的部分。如下图使示:[attach]69[/attach] 要达到溢出容器的图片水平居中,请看我们后面的介绍:   [h2]一、CSS3的方式让溢出容器的图片居中对齐(适合移动端):[/h2]  使用CSS的 查看原文 »

纯CSS或js设置宽度溢出的图片水平居中(垂直居中同理)

前端liuliangsong 发表了文章 • 0 个评论 • 11548 次浏览 • 2017-09-02 18:30 • 来自相关话题

  有时候,我们需要图片在容器中水平居中。当图片宽度大于容器宽度时,我们期望的是图片水平居中,图片两边多出的部分隐藏掉。但是,我们得到的结果却是显示了图片的左边部分,隐藏的全是图片右边多出的部分。如下图使示:[attach]69[/attach] 要达到溢出容器的图片水平居中,请看我们后面的介绍:   [h2]一、CSS3的方式让溢出容器的图片居中对齐(适合移动端):[/h2]  使用CSS的 查看原文 »