简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

DIV+CSS一些小小的技巧_html/css_WEB-ITnose

WBOY
發布： 2016-06-24 12:27:04
原創
1004 人瀏覽過

DIV+CSS网页布局技巧实例1：设置网页整体居中的代码

以前用表格布局时设置网页居中非常方便，把表格对齐方式设置为居中就行了，就这么简单，现在呢，用DIV+CSS样式表控制，好像不是那么容易了，其实也很简单，只不过方式不同而已。


标准之路www.aa25.cn

　　请看这段代码，宽度为适合800×600分辨率浏览器的宽度，margin:0 auto; 这句代码就是让居中了，意思是外边距上下设置为0，左右设为自动。这样它就居中了。

　　那么可能你要问了，text-align:center;为什么还要让内容居中呢？呵呵，别着急，这句是为了适应IE6以下版本的浏览器而加的，IE6以下对margin:0 auto;不能解析为居中，所以用这种方式来补救，以下在设计内容时再用 text-align:left;就可以了。

　　注：margin和padding的值的顺序为顺时针上右下左，如margin:1px 2px 3px 4px;还可以缩写为上下、左右，如本例，如果为margin:0px;则是各边都为0

相關標籤：
DIV+CSS一些小小的技巧
來源：php.cn
上一篇：别具光芒Div CSS 读书笔记（一）_html/css_WEB-ITnose 下一篇：DIV CSS 居中代码(以及靠右)_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何將外部 div 的高度設定為始終等於特定內部 div 的高度？ 我有一個外部div，其中包含三個內部div。我希望最左邊的內部div始終確定外部div的高度。如果其他內部div的內容[比最左邊的div]少，它們將有空白空間。如果他們有更多的內容...
來自於 2023-11-07 13:59:30
0
2
314
如何透過 <use> 元素（如圖片）調整 SVG 圖示的大小 在我的HTML文件中，我有一個，其中包含許多具有id屬性的項目，例如icon-x。然後我想重複使用這些圖標，例如<divclass=container><svg&...
來自於 2023-09-15 21:09:43
0
1
551
CSS：從具有投影的 Vuetify 對話框內的 div 中刪除投影 我有一個對話框，在div上使用CSS新增了一個三角形。但CSS的技巧是邊框的一部分是透明的。我試圖克服的問題是從透明邊框中刪除陰影，而不從對話框本身刪除陰影。將其添加到div不起作...
來自於 2023-09-13 19:57:28
0
1
210
等效大小的 html 元素以標準化標題間距 我有一個html元素，它存在於某些元素上，但不存在於其他元素上。對於那些不存在的元素，我需要有一個大小相等的空白html元素。這可以確保間距不會偏離。我嘗試添加相同的元素，但放置h...
來自於 2023-09-13 18:27:42
0
1
279
儘管使用了 rem，為什麼當我放大或縮小時元素大小會改變？ 我正在實現一個項目，我使用CSSposition屬性在輸入中放置一個按鈕，一切正常，甚至我在響應模式下也沒有問題，巧合的是我想縮放-檢查某些內容，我意識到當我放大或縮小輸入的頂部或...
來自於 2023-09-08 15:06:21
0
1
276
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！