flexbox

3熱度

2回答

由於某種原因，我在Firefox 22中工作的項目無法正確顯示。在webkit瀏覽器中正常工作（在Opera 15和Chrome 27中測試; Safari將不支持更新的規範直到7.0）。所有東西都按行組合在一起，所以我的第一個想法是將彈性方向更改爲列而不是行，但這甚至沒有幫助。 * { margin:0; padding:0; } body { background: none

-1熱度

2回答

Flexbox佈局 - 中心和100％的Web應用程序

我正在使用網絡應用程序。 HTMl/CSS對我來說從來都不是什麼大問題，只是優化了Internet Explorer的網站:)我用這個應用程序完成了很多工作，只有一些「次要」的東西，我真的不知道如何解決。這就是爲什麼我要求你的幫助：我認爲這兩個佈局（附加屏幕）可以通過使用新的柔性箱，但我從來沒有與之前的工作，有這麼多不同的規格（2009年，2011年，2012 ...），所以我真的不知道從哪裏開

32熱度

4回答

IE10 Flexbox的P元素的非包裹

http://jsfiddle.net/pvJRK/2/ 基本上在IE10具有文本的寬度大於它的父當「方向」是一個行的p元件，將溢出，並隨後將任何其他的兄弟姐妹出容器。包裝似乎在列模式下工作正常（你可以在Chrome瀏覽器中查看相同的jsfiddle並且看到它的行爲如預期）。 <div id="flex-one"> <p>Some extra long content (for the

6熱度

1回答

如何讓Flex項目垂直而不是水平顯示？

我想讓2個元素垂直顯示。這應該是工作，但在Firefox 21的元素水平顯示。任何人都知道爲什麼以及如何解決它？ <!DOCTYPE html> <html> <head> <style> div { width: 50%; display: -moz-box; -moz-flex-direction: column; } #p1 { b

1熱度

1回答

顯示：flex - 在Firefox中不工作21

根據this article，display:flex屬性在firefox 21中應該沒有任何前綴。但是，即使在值之前使用-moz-，它也不會被HTML解析器識別。我試着卸載firefox 20並重新安裝firefox 21，最近希望它能工作，但事實並非如此。當使用Web開發工具，我可以看到下面的警告和錯誤： [10:23:04.673] The character encoding of t

1熱度

1回答

Flexbox的div的通過圖像調整

Example page 火狐/ IE10 /歌劇，upong縮小窗口，在保持當前大小的圖像，不結垢做的。 Chrome是唯一一個可以按比例縮小比例的按比例縮小的按鈕。我無法分辨Chrome是否做錯了什麼，或者所有其他瀏覽器如何，或者如何解決它。 HTML <section> <div class="card"><img src="http://placehold.it/120x200" alt

2熱度

2回答

我正在使用Moovweb彈性盒，但大小不能正常工作......發生了什麼？

我的結構如下： <div class="_flex_box"> <div class="_flex_box_item_1">Stuff</div> <div class="_flex_box_item_1">Other Stuff</div> </div> 通常，這將的div並排在每個50％的寬度分割。但它不工作...任何人有任何想法？基本上，不是50％，而是70/30或

1熱度

1回答

CSS Flexbox的休息父寬度

，如果有這樣的事情： <!DOCTYPE html> <html lang="de"> <head> <link rel="stylesheet" href="/styles/screen.css?v=737285430" media="screen, projection" /> </head> <body> <section id="ar

1熱度

1回答

CSS3 flex：輸入框的具體寬度，輸入框溢出

有人可以澄清一下這個jsFiddle的行爲嗎？ http://jsfiddle.net/zZgmn/1/ 我想要做的是有input[type=text]框是一個特定的寬度。但是，如果將flex-direction設置爲row，則輸入框會拒絕更改大小。但是，如果您將彈性方向設置爲列，則可以看到文本框將更改爲指定的寬度？如果我脫掉寬度，我會想象文本框應該彎曲以填充內容（如果可以），但它不會。我似

1熱度

2回答

定義垂直對齊的柔性盒項目的溢出方向

我有一個單個項目的柔性盒。此項目水平和垂直居中。當物品長於其容器時，它在容器的頂部和底部同樣溢出。我希望它只能在底部溢出，並保持在頂部。有任何想法嗎？ http://codepen.io/wilsonpage/pen/LzryK（在Chrome金絲雀視圖爲最新Flexbox的）