flexbox

0熱度

2回答

我在多個網站上發佈過此問題，並且從未能夠解決此問題。問題是，我有一個容器內使用align-items垂直對齊的h1標籤。在h1下面，我想放置一個p標籤。這可能是一個簡單的修復，但我從來沒有能夠解決這個問題。我試過使用行高而不是對齊項目或爲p標籤創建一個新的容器，我也嘗試從h1和頂部從p標籤中刪除底部邊距，但沒有任何工作。這裏有什麼解決方案？ .headertext { font-f

0熱度

1回答

柔性佈局不正常

我使用柔性佈局模塊在角4，並排我在桌面模式下側試圖卡片佈局需要展示和同在移動模式下，它應該是一個低於一個，但它不是爲我工作PLZ建議正確的代碼。下面是我的代碼： <div fxLayout="row" fxLayout-gt-xs="column"> <mat-card fxflex fxflex-gt-xs="100" fxFlex="33.33%"> <h2>Card

2熱度

1回答

如何使用輸入區域旁邊的提交按鈕製作自適應表單（電子郵件輸入框）？

我試圖使自適應形式：我設法有點讓它但它是一個噩夢來編輯它，而不是真的那麼自適應： <div class="widget"> <h2>Stay Tuned.</h2> <div class="subscribe"> <form action="" method="get"> <input type="email" placeholder="Your E

1熱度

1回答

如何使文本在響應標題（flexbox）中不與外部容器重疊？

我試圖做一個負責任的報頭看起來好於大多數屏幕分辨率（寬度：320-1920px）與媒體查詢的最低使用：但是當我縮足夠寬度，文本開始重疊外容器：首先想到的是對li元素使用overflow: hidden;但它不看任何好轉：下面的代碼： http://jsfiddle.net/Hardcore/hxgbk6m0/1/ 當邊框li元素開始接觸文字時，我希望它不再縮小，所以文字不會重疊li元素的邊框

2熱度

1回答

如何避免父母在使用overflow-y時顯示滾動條：在子項上滾動

我想在class .height的div上顯示垂直滾動條。滾動條已成功顯示，但問題是父母也顯示滾動條。我想阻止這種情況。只有孩子顯示滾動條。 HTML： <div id="app"> <v-app> <main> <v-content> <v-container fluid grid-list-xs> <v-layout row wra

0熱度

1回答

在小設備上重新排序基礎XY網格單元

我剛開始使用Zurb基金會6.4.3 XY Grid。我有一些麻煩概念化我會怎麼做到以下幾點：在大屏幕，我的網站應該是這樣的：在小屏幕我想面板乙先來，並且具有300像素的固定高度：我有一個這一切都在這裏Codepen：https://codepen.io/rbrtmrtn/pen/vWYKQP 現在有與如何出現在小屏幕上的兩個問題：我不知道如何讓B組出現A組以上時grid-x被倒塌。面板

1熱度

1回答

CSS：模態窗口滾動身體，但沒有足夠的空間時標題

我想用CSS來做一個模態窗口。我希望它足夠大以適應內容，但是，當屏幕上沒有足夠的空間時，我想要一個滾動條出現在模式窗口的主體中，並將其標題和按鈕行保留在視圖中倍。我如何實現這一目標？我既可以有滾動顯示正確時，有沒有足夠的空間，但隨後的模式是太大了，當屏幕尺寸較大，或我可以正確有模態大小，但滾動條沒有按沒有出現。這是我的嘗試jsfiddle。我究竟做錯了什麼？ https://jsfid

3熱度

1回答

CSS柔性項默認高度問題

我正在學習CSS柔性盒的東西，當我與它周圍玩我發現了一個有線的事情： .container { width: 100%; display: flex; border: 5px solid grey; } .box1 { border: 2px solid red; width: 30%; heig

1熱度

4回答

爲什麼我的位置：絕對孩子溢出父母的邊界？

我有一個父容器，裏面有一些子組件。最後一個孩子必須放在容器的底部。我嘗試使用justify-content: space-between，但它不適用於我，因爲我需要最後一個元素和其他元素之間的空間更大，更明顯。我結束了嘗試position:absolute,bottom: 0，但孩子的寬度大於父母。也許有更好的方法來做到這一點，通過與flex混合，只是無法做到這一點。 .Parent {

1熱度

2回答

如何在flexbox的同一行上對齊文本？

我已經使用Flexbox並排對齊了兩個div，並且我希望這兩個div中的文本都以相同的級別推到div的底部，但似乎在各個文本下面有不同的間距級別。 .wrapper { display: flex; flex-direction: row; } .block1 { font-weight: bold; font-size: