網頁完美居中方案

原創 代号陈 2020-02-26 04:45

網頁完美居中方案

一般，我都是用 margin: 0 auto; 加固定寬度來做這個網頁居中的，不過這種方式在ie6以下不支持。下面介紹的這種方式，聽說比較好

#container{ background:#ffcurl(mid.jpg)repeat-ycenter; position:absolute; left:50%; width:760px; margin-left:-380px; }

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

簡單一招竟把nginx服務器性能提升50倍

本文記錄了一次基於實際業務場景的nginx調優過程，通過一步步的分析實踐把服務器整體性能提升了50倍。 一、需求背景

京東雲開發者 2024-02-20 12:03:51

頁面製作規範文檔

1. 文件命名規範 1) 文件目錄、文件名稱統一用小寫的英文字母、數字、下劃線組合，文件名要與表現的內容相近，不到萬不得已不要以拼音作爲名稱，如 登錄頁面：login.html（不要用 denglu.html）。 2) 目錄結構規範：

athrunzero 2020-07-07 22:29:39

瀏覽器的各種bug（一）

對於頁面工程師來說，最令人頭痛的瀏覽器是哪個？我相信有99%的人會選擇IE6，沒錯就是IE6。下面我就來介紹一些我遇到過的IE6BUG以及解決方法，當然也包括其他瀏覽器。 1、IE6雙邊距bug 當元素浮動並且同時有外邊距時，在IE6下會

athrunzero 2020-07-07 22:29:39

textarea 自動適應高度

textarea 自動適應高度   <textarea name="mytextarea" cols="80" style="overflow-y:hidden;height:80px;" onpropertychange="this.s

代号陈 2020-07-07 02:41:32

如何知道自己的網站是否符合W3C標準

如何知道自己的網站是否符合W3C標準 檢驗：如何知道自己的手機網站(如:wap.csxdf.com)是正確的格式，用W3C的程序檢驗一下就知道了。http://validator.w3.org/ 輸入網址測試後，如果是紅字，底下會註明你頁

代号陈 2020-07-07 02:05:09

摺疊面板，類似於二級目錄的效果，純css編寫

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>title</title> <style type="text/css">

天生犯二 2020-07-05 15:20:14

註冊界面模擬，判斷郵箱是否符合格式，密碼是都符合格式

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title>     <script src="jquery-3.

天生犯二 2020-07-05 15:20:14

css 常用代碼

讓各種尺寸圖片在div居中 css代碼 .pro_img{ width:134px; overflow:hidden; height:250px;display: table;position: relative;text-align:

lqs745920569 2020-07-03 09:06:59

flvplayer 播放器 flv視頻播放

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cab

lqs745920569 2020-07-03 09:06:59

CSS換行和CSS不換行

一、換行 1、使用<br/>標籤強行換行 2、在大段落使用<p></p>標籤實現大換行 3、連續數字或字母換行：{ word-wrap: break-word ; word-break: break-all; }   二、不換行 1、di

guanguan0_0 2020-07-01 21:29:38

四種方案實現CSS兩欄佈局

實現兩欄佈局：左側定寬，右側自適應 html： <html> <head> </head> <body> <div class="container"> <div class="left">LEFT

guanguan0_0 2020-07-01 21:29:27

五種方案實現CSS三欄佈局

方案一、浮動佈局float <html> <head> <style> .container::after { content: ''; display: block;

guanguan0_0 2020-07-01 21:29:27

瀏覽器禁止雙擊選中內容背景爲藍色

事件控制： onselectstart="return false;" //for ie or chrome   css樣式控制： user-select: none; //for chrome -moz-user-select:

yovven 2020-06-30 11:31:57

css樣式二

1、margin（外邊距） margin位於盒子外邊框，指與其他盒子之間的距離。 外邊距的屬性 四個方向 margin-top 上外邊距 例子 margin-top:1px                margin-right 右外邊

zyy871020 2020-06-30 06:45:30

基本屬性和表單

表單元素 語法 <form method="post" action=""> <input type="text" value="文本框初始值" size="文本框尺寸" name="文本框名字"/> </form> 表單元素<input

zyy871020 2020-06-30 06:45:30