fluid-layout

1熱度

2回答

嗨，我有一個流體容器，它基於我網站中的屏幕高度和寬度。我希望隨時根據屏幕尺寸向任何方向擴展容器。使用的圖像將大小和縱橫比不同。我與HTML和下面的CSS嘗試： div { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); height:

0熱度

1回答

如何阻止流體網格元素破壞佈局的高度

我正在使用正常的CSS網格佈局構建網站，而不是「網格」，但是通過使用百分比來表示元素的寬度。它從移動100％到50％，到33％到25％。 1列，2列，3列，4列。我在使用api在wordpress中插入圖片。儘管如此，我並沒有完全控制圖像大小。有些圖像較小，有些圖像真的很大。說我的示例代碼 .span_1_of_4 { width:100%; } 在更高的像素，其 .span_1_of

1熱度

1回答

如何保存閃亮陰謀的PNG圖像，以便它符合我的屏幕上的尺寸？

我已經繪製了閃亮的圖像，並創建了一個保存按鈕以將圖像保存爲.png文件。 server <- function(input, output) { output$plot <- renderPlot({ plot(1:500,rep(1:5,100)) }) plotInput <- function(){ plot(1:500,rep(1:5,

0熱度

1回答

流體佈局：拋開元素大於主元素

我想把我的元素放在我的主元素的右邊，因爲某些原因它太大了。我指定主的寬度爲60％，旁邊爲39％（因爲主體元素爲99％），但不知何故，這個比例顯示不正確。這裏是HTML和CSS： * { margin: 0; padding: 0; } html { background: url("/images/sheetmusic.gif") re

0熱度

1回答

需要垂直居中div內的父母，同時保持所有div的流體

我有一個問題集中在垂直文本的div，同時保持一切流暢。文本div的旁邊有照片，可以根據瀏覽器大小更改容器高度。當部分收縮時，我需要文本保持居中在其容器中。任何建議都會很棒！ Here is my fiddle 我需要幫助的部分設置如下，信息內的文本是需要垂直居中的部分。 <section class="section"> <div class="row"> <div clas

-1熱度

3回答

保持流體CSS網格佈局中元素的縱橫比

我有4列CSS網格佈局中的div元素列表。 div元素設置爲100％寬度，填充頂部爲100％，以保持1：1的寬高比。這是一種常見的技術，如下所示：https://stackoverflow.com/a/6615994/7949834 這適用於Firefox，但不適用於Chrome。在Chrome中，元素不佔用網格容器內的任何空間。這是什麼原因？ ul { border: 2px so

0熱度

1回答

固定側邊欄有一個溢出的內容和一個固定的內容

我正在做一個簡單的佈局，但有一件事是糾纏我。我想要一個包含兩列，全高，側邊欄和內容的佈局。側邊欄裏面，我想兩件事情：將被定位在底部一個按鈕，固定高度。一格將在剩餘的空間，流體高度居中。我嘗試成爲IE 9兼容。這是基本的佈局： <aside> <div class="wrapper"> <nav> <ul> <li>Item menu</li>

0熱度

1回答

進行動態佈局的Java Swing

我怎樣才能使用搖擺達到這樣的效果：當寬度JFrame的調整，我想藍JPanel是流體和綠色JPanel加以固定。當調整高度時，我希望兩者都是固定的。我也希望藍色JPanel不會少於某些預定義的寬度，並且綠色JPanel永遠不會在藍色JPanel下移動，始終保持在右側。

0熱度

1回答

我在哪裏出錯了這個流體網格佈局？

這是我第一次來這裏。一位朋友認爲這是一個很好的知識來源，我迫切需要這一點！我正在嘗試使用視口，媒體查詢和流體網格編寫HTML和CSS，以創建一個從桌面（desktop example）到移動（mobile example）的縮放頁面。我試圖在w3c網站的幫助下將它拼湊在一起，但是沒有特別幫助的人說我在那裏有bootstrap（我不打算使用它，並且希望它被取出但我有不知道它是什麼）。我設法實現

0熱度

2回答

情結如果CSS類

我現在面臨一個問題，在下面的代碼 <div class="panel-icon {f:if(condition: '{0:panel.id}=={0:123}', then: 'icon-update', else: 'icon-{icon}')}"></div> 內TYPO3流體模板條件目前上面的代碼檢查，如果panel.id等於123然後應用到icon-update CSS類其他無論正在通