Tumblr字幕溢出容器

-2

所以，我發現了我的tumblr博客的一個新主題，它有幾個問題，我主要設法解決，但現在我面臨一個大問題。Tumblr字幕溢出容器

標題，即內容下面的註釋和圖像本身，溢出了設置的容器。

下面是我使用http://freetexthost.com/abfqho3n5h

我已經做了一些小的改動它的代碼，但沒有重大或不可逆的，這裏沒有顯示，因爲這是原來的代碼，所以如果你看到一些其他主要問題，請隨時告訴我。

下面是http://two-dames.tumblr.com/post/121988188767/randomguy2015-because-tina-madqueenieb發生了什麼的例子。

來源

2015-06-20 abv2

請將相關代碼直接放在帖子中。幾天後鏈接可能無法使用。 – vanekjar

我看不到代碼，我只是看到一個鏈接。我看不到發生了什麼，我只是看到一個鏈接。這兩個鏈接都死了。確保你的問題是獨立的，鏈接僅用於非必要的背景信息。 – Anthon

添加自動換行：打破字到您的文章類

.posts { 
width: 500px; 
background: #fff; 
color: #aaa; 
font-family: 'Gibson', sans-serif; 
font-size: 12px; 
margin-bottom: 20px; 
padding: 10px 10px 10px 10px; 
text-align: left; 
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
    word-wrap: break-word; 
}

編輯
爲你的形象，你可以定義一個最大寬度img標籤：100％;這確保了寬高比保持不變並相應縮小圖像。

img { 
    max-width: 100%; 
}

來源

2015-06-20 14:42:44

這有助於，謝謝，但只適用於文字，不適用於標題中的圖像。你有什麼建議嗎？喜歡http://two-dames.tumblr.com/post/120108035022/pineappledean-hellsbellscastiel – abv2

我發佈了更新。我希望這能解決你的問題:) –

Tumblr字幕溢出容器

回答

相關問題