各種 CSS 垂直 + 水平置中分析
包含:
- 運用情境
- 複數子元素
- 響應式
- 程式碼長短
- 各項優缺點分析
- ...
我的心得:
absolute 加 transform 最簡單
flex 則是最常用
「css absolute」的推薦目錄:
- 關於css absolute 在 卡斯伯 Facebook 的最佳解答
- 關於css absolute 在 小吃貨的英國生活日記 Facebook 的最佳解答
- 關於css absolute 在 紀老師程式教學網 Facebook 的最讚貼文
- 關於css absolute 在 Concern about CSS absolute position - Stack Overflow 的評價
- 關於css absolute 在 CSS position:absolute 垂直置中妙用| 程式狂想筆記 的評價
- 關於css absolute 在 CSS position absolute relative to window - gists · GitHub 的評價
- 關於css absolute 在 CSS Positioning: Position absolute and relative explained 的評價
css absolute 在 小吃貨的英國生活日記 Facebook 的最佳解答
《小吃貨的上班日記》跟主管的英文溝通障礙
前幾天做一個Task,用CSS。原來是一個方塊,每個方塊上面有標題跟圖片,但因為所有物件都是浮動的,所以只要標題太長,變成兩行,副標題、圖片、按鈕都會跟著移動。於是乎我一開始就想,那把所有的東西都變成固定不就好了。
然後送去給主管Review,他就把標題加長到整個方塊占滿.......說萬一User就是想要這麼長的標題怎麼辦?你要再去跟UI討論!
主管:This is not fixed
(我心裡想,我不是把東西都固定了嗎?)
我:But I set it as fixed.
主管:No, this is not fixed.
我:But I set the position as absolute, so it won't move when the title become longer, that's why it's still in the middle.
主管:I am not saying position, I meant the problem is not fixed.........
--------------------------------------------------
今天
主管:You need find a place to do the loggin
我:Log in ?
主管:You need to know why and when it returns unknown, so you need to put logging!!!
我:I see. Ok, I'll do it. (突然才領悟了過來.....)
-----------------------------------------------------
有時候覺得他大概很想殺掉我吧T^T 覺得我是個Idiot.....
css absolute 在 紀老師程式教學網 Facebook 的最讚貼文
[影音課程] 想打好 HTML 與 CSS 網頁設計基礎嗎?看過來!
HTML5 & CSS3 Fundamentals: Development for Absolute Beginners
http://goo.gl/QDrnD0
這是在 Channel9 找到、我個人覺得不錯的 HTML5 與 CSS3 教學課程。Channel9 是由 Microsoft 支持的一個教學網站,裡面的教學雖然大部分與 Microsoft 產品有關,但偶而也有很不錯的影音教學。他們最大的特色,就是課程內容都錄製得蠻精美的,另外(重點!!),十之八九都可以「下載」(見圖片中間下方紅框圈住處)!!這樣我就能放在手機裡,搭捷運的時候看,也不怕沒有網路連線。
HTML5 與 CSS3 是所有想接觸網頁程式設計的人,必學的課程(另一個必學的課程是 JavaScript)。如果您也對如何撰寫一個能跑在瀏覽器內的程式有興趣的話,我還蠻推薦看看這個課程的。點進去後,可以點擊圖片右上方紅框框起來處,便能看到完整的影音列表。介紹這個列表的目的,當然是快速點擊每個影片後,再點選下方紅框處的「下載連結」帶回家囉!有高畫質(High MP4)與一般畫質(Mid MP4)可供您選擇。下載完後,就能在沒有網路的地方,也能輕鬆學習了。
今天分享的內容還喜歡嗎?歡迎您把這篇文章轉寄給您的朋友,讓他們也能享受到 HTML5 與 CSS3 的學習樂趣喔!
css absolute 在 CSS position:absolute 垂直置中妙用| 程式狂想筆記 的推薦與評價
最近發現HTML tag dialog屬性可以用了當下好奇怎麼可以使用??當下好奇瀏覽器怎麼排排板的發現原來是用absolute日上margin可以這樣置中. ... <看更多>
css absolute 在 CSS position absolute relative to window - gists · GitHub 的推薦與評價
CSS position absolute relative to window */ .container {. border: 10px solid red;. min-height: 100px;. } .content {. position: absolute;. left: 0;. ... <看更多>
css absolute 在 Concern about CSS absolute position - Stack Overflow 的推薦與評價
... <看更多>