CSS樣式圖片居中對(duì)齊的代碼寫法

閱讀量： 186 發(fā)布日期： 2022-10-28 14:46:03

本文介紹了css圖片居中的實(shí)現(xiàn)方法，希望對(duì)大家有所幫助。

1、css圖片居中代碼怎么寫

images/pic.jpg｛

寬度：300px；

高度：300px；

背景：url（images/pic.jpg）無重復(fù)中心；

代碼示例

<!DOCTYPE html>

<html>

<head>

<title>CSS樣式圖片居中對(duì)齊的代碼寫法</title>

<style>

*{margin: 0;padding:0;}

.demo{

width: 300px;

height: 300px;

margin: 50px auto;

border: 1px dashed #000;

background-image:url(1.jpg) ;

background-size:200px 180px ;

background-repeat:no-repeat ;

}

</style>

</head>

<body>

</div>

</body>

</html>

2、css圖片居中對(duì)齊代碼寫法

1.默認(rèn)情況下，圖像是左對(duì)齊的。

2.如果要使圖像居中，可以使用text-align：center；

3.如果要使圖像居右，可以使用text-align：right；

4.如果要使圖像水平垂直居中，可以使用margin：auto；

5.如果要使圖像等比例縮放，可以使用width：100%；height：auto；

3、css圖片居中樣式怎么設(shè)置

首先，我們來看一下css圖片居中樣式怎么設(shè)置。為了使圖片居中，我們需要使用“text-align:center”這個(gè)樣式。首先，將圖片放置在文本中間，然后設(shè)置“text-align:center”。這樣圖片就會(huì)居中了。

本文介紹了css圖片居中的實(shí)現(xiàn)方法，希望對(duì)大家有所幫助。

作者: bosscms，轉(zhuǎn)載時(shí)必須經(jīng)得同意并以鏈接形式注明作者和原始出處及本聲明。

CSS樣式

上一篇：: xslt是什么,xslt的作用

下一篇：: JS刪除節(jié)點(diǎn)函數(shù)removeChild()的方法

午夜福利欧美,国产精品va一区二区三区,欧美日韩一区二区高清,区二区三区_久久精品国产

CSS樣式圖片居中對(duì)齊的代碼寫法

熱點(diǎn)推薦

相關(guān)模板推薦

無人機(jī)充電樁IT科技網(wǎng)站模板

HY011免費(fèi)模板

HY010免費(fèi)模板(帶商城功能)

HY009免費(fèi)模板

HY008免費(fèi)模板

HY007免費(fèi)模板

聯(lián)系方式