0
是否可以在任何時間點在單一行中顯示標題內容並縮小屏幕尺寸,而在縮小屏幕尺寸時獲得滾動條。當屏幕尺寸減小時在一行中顯示div元素
Here's the link of my page header looks like: http://codepen.io/vengal-learn/pen/QGJdze
是否可以在任何時間點在單一行中顯示標題內容並縮小屏幕尺寸,而在縮小屏幕尺寸時獲得滾動條。當屏幕尺寸減小時在一行中顯示div元素
Here's the link of my page header looks like: http://codepen.io/vengal-learn/pen/QGJdze
Flexbox佈局就是您要找的。這應該讓你開始:-)
這個網站應該幫助你... https://css-tricks.com/snippets/css/a-guide-to-flexbox/
#header {
display: flex;
flex-direction: row;
flex-wrap: no-wrap;
}
#headerLeft {
flex: 0 0 auto;
}
#headerCenter {
text-align: center;
flex: 1 0 auto;
}
#headerRight {
flex: 0 0 auto;
}
感謝它爲我工作。唯一的問題是我的項目中使用的最小IE版本是8.所以試圖找到一個解決這個問題。謝謝! – Vengal
你將很難找到一個簡單的方法來執行舊版本的IE瀏覽器。在那一點上,我會說這是一個問題,你的用戶有多少人在使用IE8,如果它甚至值得讓你的網站回來compat。 重要的是要記住,不再支持IE 9之前的任何東西,這意味着如果這是來自您的公司或客戶的策略,您可能希望推薦他們轉向更安全的版本,如IE9或更高版本,Chrome或Firefox。如果他們不這樣做,他們可能會在他們的系統中出現安全漏洞。 – k2snowman69
謝謝你讓我知道! – Vengal