導航:首頁 > 萬維百科 > 網頁設計居中的代碼

網頁設計居中的代碼

 發布時間：2021-01-05 20:02:56

1、怎麼讓一張圖片在網頁中居中顯示

可以用「margin: 0 auto;」和「text-align: center;」是圖片在網頁中居中。

1、新建html文檔，在body標簽中添加div標簽，然後在div標簽中添加img標簽：

2、為div標簽添加「margin」屬性，屬性值是「0 auto」，這時div標簽將會在網頁中居中顯示：

3、為div標簽添加「text-align」屬性，屬性值是「center」，這時div標簽內的img標簽將會在div標簽中居中顯示，這樣圖片就會在網頁中居中顯示了：

2、網頁設計中內容全部居中怎麼弄啊

全部換成表格吧，想怎麼居中都行的，圖層居中對於初學者有一定的難度，建的css樣式裡面需要設置相對位置什麼的，你說的id建好後，還需要進入代碼操作才可以居中，總之比較麻煩，

3、網頁設計中怎樣設置所有內容居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>居中div演示效果</title>
<style type="text/css">
.align-center{
margin:0 auto; /* 居中 這個是必須的，，其它的屬性非必須 */
width:500px; /* 給個寬度 頂到瀏覽器的兩邊就看不出居中效果了 */
background:red; /* 背景色 */
text-align:center; /* 文字等內容居中 */
}
</style>
</head>

<body>
<div class="align-center">居中div演示效果<br/><br/>更多代碼請訪問 <a href="http://www.poluoluo.com/" target="_blank">破洛洛</a></div>
</body>
</html>

4、dreamweaver 網頁設計如何讓網頁在瀏覽器里居中

最容易的是,將你所有的html代碼放在這個div裡面:
<div style="width:950px;height:auto;margin:0 auto;">
(把你原來的內容放進來,也就是你<body>與</body>之間的所有代碼,width:950px;必須要有寬度,根據你自己的寬度來改一下就OK了!)
</div>

大概樣子:
<body>
<div style="width:950px;height:auto;margin:0 auto;">
你的網頁內容:
.....
...
</div>
</body>

參考資料： www.ruofeel.cn

5、HTML中字元居中代碼是什麼

如果單純用html語言的話，就是<center></center> 這一對，如果是搞網頁設計的話，建議使用css語言來修飾網頁。操作方法如下：

1、首先雙擊打開HBuilderX開發工具，創建一個Web項目，並在項目pages文件夾下，新建靜態頁面center.html。

2、打開center.html文件，修改title標簽中的文本顯示內容。

3、在<body></body>標簽中，插入一個div標簽，並添加標簽的id屬性。

4、利用ID選擇器在style標簽中，設置div標簽的樣式屬性，如寬度、高度、行高、字體屬性等。

5、接著給div標簽添加一個樣式屬性background-color。

6、再次保存代碼並刷新瀏覽器，可以看到字體在背景顏色塊中間位置，說明字體居中顯示。

6、html如何讓文字居中顯示

你的話有歧義，所以導致下面的回答有歧義。

兩種情況：1、文本格式居中；2、文本所在標簽居中顯示在窗口中。

1、如其他匿名用戶回答的一樣，給文本所在標簽加CSS屬性值"text-align:center"即可。例如：

<p style="text-align:center">我是文本，居中顯示</p>

2、有很多種方法，這里介紹兩種，例如：

1）（建議）文本應該被 行內標簽或行內塊級標簽 包裹，行內標簽或行內塊級標簽又被 塊級標簽包裹。此種方式 文本格式 會居中。若想 文本格式 不居中，可在行內標簽或行內塊級標簽中加CSS屬性值"text-align:left"或其他。

<div style="text-align:center"> <!-- 塊級標簽 -->
    <span>我是文本所在標簽1，文本居中顯示<span> <!-- 行內標簽 -->
    <div style="display:inline-block;">我是文本所在標簽2，文本居中顯示</div> <!-- 行內塊級標簽 -->
</div>

2）文本被塊級標簽包裹。為塊級標簽設置寬度，並加上CSS屬性值" margin:0 auto"。此種方式 文本格式 不會居中。若想 文本格式 也居中，可在塊級標簽加CSS屬性值"text-align:center"。

<div style="width: 100px; margin:0 auto">我是文本所在標簽，文本居中顯示</div>

以上，謝謝。

7、網頁設計里讓一個div標簽里的文字豎直居中用哪個標簽？

如果是單行文字想垂直居中，只要保證div高和行高保持一致，就可以了。用下面的代碼即可實現：

CSS代碼：

#div-a{
height:60px;
line-height:60px;
}

HTML代碼：

<div id="div-a">
......
</div>

如果是多行文字，上面的垂直居中的方法就不行了，得用變通的方法實現；這里建議使用table方法，在table外面再套上相應的div，

代碼如下：

<table>
<tr><td style="vertical-align:middle;height:300px;background-color:red">
</td></tr>
</table>

多行文字居中還有另外一種方法：

多行內容居中，且容器高度可變，也很簡單，給出一致的 padding-bottom 和 padding-top 就行：

.middle-demo-2
{
padding-top: 24px;
padding-bottom: 24px;
}

8、DREAMWEAVER 中如何讓網頁居中顯示？

<!--
body
{
margin:0
auto;
width:780px;
這個改成你網頁的寬度
}
-->
把這段css添加到head標記對中，就可以了，這是最簡單網頁居中法回，學習網頁就不要怕答代碼，因為有些標記和屬性在dw中是無法設置的，或者設置起來比寫代碼還麻煩。

9、怎樣使網頁設計中的css盒子內容居中？

css盒子內容居中的方法：

css盒子內容水平居中的text-align:center ；或 margin:0 auto；

代碼：

效果：

垂直居中的line-height；

代碼：

效果:

絕對定位水平垂直居中，position:absolute;top:50%;left:50%;

代碼：

效果：

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

普通瀏覽器就抄能做到。正常來襲講，這些圖都到了你的瀏覽器，你都能看到，沒有不能保存的道理（畢竟超文本傳輸協議）。但僅限於你看到的圖，步驟如下：
1.打開瀏覽器，打開元素審查功能，不同瀏覽器不一樣，谷歌是按F12，然後選中圖片，或者Ctrl+shift+C
2.選擇圖片後，在代碼界面找到src或者img或者href如這個鏈接
3.然後刪掉不必要的部分，黏貼到瀏覽器回車
4.這張圖片就可以右鍵另存為啦
注意事項：
如果網站一開始給的就是縮略圖或者不是高清的圖，只做展示用，那麼久下載到的還是不高清的圖，換句話說，對一些做設計的人想找原圖還是找不到的。

與網頁設計居中的代碼相關的知識