Tumblr 字幕溢出容器

Question

所以，我为我的 tumblr 博客找到了一个新主题，它有一些问题，我大部分都设法解决了，但现在我面临一个大问题。

标题，即内容本身下方的评论和图片，溢出了设置的容器。

这是我使用的代码http://freetexthost.com/abfqho3n5h

我对它做了一些小改动，但没有什么大的或不可逆的，这里没有显示，因为这是原始代码，所以如果您发现其他主要问题，请随时告诉我。

这是一个发生的例子 http://two-dames.tumblr.com/post/121988188767/randomguy2015-because-tina-madqueenieb。

Answer 1

在您的帖子中添加 word-wrap: break-word class

.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%;
}

Tumblr 字幕溢出容器

Tumblr captions overflow container

css

themes

tumblr