㈠ CSS怎麼讓圖片居中
1、首先先在頁面里載入一張圖片，代碼和效果如下圖所示：
㈡ 圖片居中怎麼設置 css
寫個簡單的例子給你吧
htlm如下：
<h4>圖片水平居中</h4>
<div class="demo1">
<img src="你的圖片" alt="">
</div>
<h4>圖片垂直居中</h4>
<div class="demo2">
<div class="imgbox">
<img src="你的圖片" alt="">
</div>
</div>
<h4>圖片水平垂直居中</h4>
<div class="demo3">
<div class="imgbox">
<img src="你的圖片" alt="">
</div>
</div>
css如下：
<style type="text/css">
.demo1{width: 200px;height: 200px;border: 1px solid #ccc;display: inline-block;text-align: center;}
.demo1 img{width: 100px;height: auto;}
.demo2{width: 200px;height: 200px;border: 1px solid #ccc;display: table;}
.demo2 .imgbox{display: table-cell;vertical-align: middle;}
.demo2 .imgbox img{width: 100px;height: auto;}
.demo3{width: 200px;height: 200px;border: 1px solid #ccc;display: table;}
.demo3 .imgbox{display: table-cell;vertical-align: middle;text-align: center;}
.demo3 .imgbox img{width: 100px;height: auto;}
</style>
㈢ css 怎麼設置文字在圖片上並居中
1、首先，打開html編輯器，新建html文件，例如：index.html。