tumblr主題，以擬合的photosets整個屏幕

tldr：我想創建簡單的主題，基於2列只有圖片，那充滿整個屏幕，這樣的 - http://half-way.precrafted.com/tumblr主題，以擬合的photosets整個屏幕

你好。

我昨天開始學習html/css，因爲我想創建一個相當簡單的主題，以滿足我的需求。

然而，事實證明，比我想象的更難，不幸的是。

我只發佈圖片，沒有任何標題或標籤。我想要的是基於2個網格的主題，整個屏幕被圖片佔據（除了頂部的標題）。這是我想要的最好的，幾乎精確的例子 - http://half-way.precrafted.com/

但問題是，tumblr允許最大寬度爲700px的photoset。這可能會被JavaScript重寫 - 我發現這樣的腳本，但它使用固定值，所以它不會真的適合任何屏幕 - 只是我的。

來源

2014-07-26 Pawel Baranski

你是如何顯示這些照片？在其中一個網格上？或者每邊都有圖片？我假設這是前者，我只需要確定，然後才能找出問題。 –

當在photoset中設置圖像樣式時，請嘗試'width：[yoursize]！important;'這應該覆蓋任何其他樣式。也看看這個：http://stackoverflow.com/a/13060492/1888402 –

那樣 - http://atnightwerise.tumblr.com/ –

設置photosetrow類：

<div class="photoset_row photoset_row_2">

的CSS此：

width: 400px; 
white-space: nowrap; 
overflow: hidden; 
margin-top: 10px; 

.photoset .photoset_row .photoset_photo:first-child { 
margin-left: 0 !important; 
} 
.photoset .photoset_row .photoset_photo { 
display: inline-block; 
vertical-align: top; 
margin-left: 10px; 
}

我硬是拉着那個CSS從望着那頁你發佈的源代碼。

看來最重要的是photoset_row_2

來源

2014-07-26 10:46:53

tumblr主題，以擬合的photosets整個屏幕

回答

相關問題