網頁設計相對佈局中如何實現水平定位?
設計1.15W
我做了一個css過渡樣式,但是不知道如何將它水平居中對齊。代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Untitled Document</title><style>bg{width:100%;height:100%;margin:0px;}{height:60%;top:20%;position:absolute;}1{position: relative;width: 162px;height: 100%;background: #000;float:right;margin-left:300px;-webkit-transition: width 2s ease 0s, margin-left 2s;-moz-transition: width 2s ease 0s, margin-left 2s;-ms-transition: width 2s ease 0s, margin-left 2s;-o-transition: width 2s ease 0s, margin-left 2s;transition: width 2s ease 0s, margin-left 2s;}2{position: relative;width: 108px;height: 100%;background: #999;float:right;-webkit-transition: width 2s ease 0s, margin-left 2s;-moz-transition: width 2s ease 0s, margin-left 2s;-ms-transition: width 2s ease 0s, margin-left 2s;-o-transition: width 2s ease 0s, margin-left 2s;transition: width 2s ease 0s, margin-left 2s;}3{position: relative;width: 54px;height: 100%;background: #ccc;float:right;-webkit-transition: width 2s ease 0s, margin-left 2s;-moz-transition: width 2s ease 0s, margin-left 2s;-ms-transition: width 2s ease 0s, margin-left 2s;-o-transition: width 2s ease 0s, margin-left 2s;transition: width 2s ease 0s, margin-left 2s;}1:hover {width: 962px;margin-left:200px;}3:hover {width: 854px;}2:hover {width: 908px;}</style></head><body><div class="main"><div class="box1">1<div class="box2">1<div class="box3">1</div></div></div></div></body></html>
-
設計師的作文(精品9篇)
在平凡的學習、工作、生活中,大家最不陌生的就是作文了吧,作文是從內部言語向外部言語的過渡,即從經過壓縮的簡要的、自己能明白的語言,向開展的、具有規範語法結構的、能爲他人所理解的外部語言形式的轉化。你知道作文怎樣才能寫的好嗎?以下是小編爲大家整理的設計...
-
《月球之謎》教學設計優秀
作爲一名優秀的教育工作者,總歸要編寫教學設計,教學設計是一個系統設計並實現學習目標的過程,它遵循學習效果最優的原則嗎,是課件開發質量高低的關鍵所在。你知道什麼樣的教學設計才能切實有效地幫助到我們嗎?以下是小編精心整理的《月球之謎》教學設計優秀,供大家參...
-
設計師的作文(大全3篇)
在日常學習、工作抑或是生活中,大家都有寫作文的經歷,對作文很是熟悉吧,作文一定要做到主題集中,圍繞同一主題作深入闡述,切忌東拉西扯,主題渙散甚至無主題。那要怎麼寫好作文呢?下面是小編爲大家整理的設計師的作文3篇,供大家參考借鑑,希望可以幫助到有需要的朋友。設...
-
設計房子的作文9篇(集合)
在平平淡淡的日常中,大家總少不了接觸作文吧,作文是人們把記憶中所存儲的有關知識、經驗和思想用書面形式表達出來的記敘方式。你所見過的作文是什麼樣的呢?以下是小編收集整理的設計房子的作文9篇,希望能夠幫助到大家。設計房子的作文篇1一天晚上,我做了一個夢,夢見...