導航:首頁 > 萬維百科 > 網頁設計插入照片居中顯示

網頁設計插入照片居中顯示

 發布時間：2020-11-17 20:06:25

1、在網頁製作中如何控制DIV居中顯示，用CSS怎麼控制背景圖片大小？

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的<style>標簽中，輸入css代碼：

body {text-align: center;background: url(small2.png); background-size: 60%;}

3、瀏覽器運行index.html頁面，此時成功通過css控制了div居中顯示，背景圖片的大小為60%。

2、HTML如何讓圖片居中顯示呢？

在表單的標頭中加入 align="center"    居中代碼            

<div align="left">居左   <div align="right">居右。

3、在網頁設計中怎麼讓背景圖片水平居中

<style type="text/css">
body {
background-image:url('1.jpg');
background-repeat:no-repeat;
background-position:center top;
}
</style>

background-position第一個值是水平方版向，第二個值是垂直方向，可以是center，top，bottom，left，right，也權可以是百分比

4、網頁設計 背景圖片怎麼居中

垂直、水平

5、網頁設計中插入的圖片怎麼居中

?

6、網頁設計中如何把比界面大的圖片居中?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<style type="text/css">
<!--
.aaa { background-image: url(cp.gif); background-repeat: no-repeat; background-position: center center;}
.bbb { width: 0px; height: auto; overflow: hidden;}
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="aaa">
<tr>
<td><div class="bbb"><img src="cp.gif"></div></td>
</tr>
</table>
</body></html>

原理：
1.利用css設置aaa圖片為背景，上下，左右全為居中顯示
2.利用表格100%寬來自適應頁面寬度
3.利用css div設置一個寬0高適應的層bbb，插入表格aaa內，來自動判定圖片的高度

注意：aaa的背景與bbb中的圖片為同一張圖片，只有這樣才能自動調節高度
效果：圖片高度為圖片真實高度，圖片寬度自動適應頁面縮放，如圖片寬超過瀏覽器寬限制圖片中間部分

哦耶！~~~~~~

hspace="-477"不成立，
hspace只能為>=0的數字
hspace如果<0，那麼會顯示效果為0

7、網頁設計，在div標簽中插入圖像佔位符，為什麼無法使其居中顯示？

請設置一個
#beijin img {margin: 0 auto;}
寫進CSS

與網頁設計插入照片居中顯示相關的知識