Question

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

字幕，即内容本身下方的评论和图片，溢出在设置的容器上。

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

的代码

我对它进行了一些小改动，但没有什么重大或不可逆转的，这里没有显示，因为这是原始代码，所以如果你看到其他一些重大问题，请随时告诉我。

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

Answer 1

将word-wrap：break-word添加到你的帖子类

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

修改
对于您的图像，您可以定义一个最大宽度为100％的img标记;这样可以确保保留纵横比并相应地缩小图像。

img {
    max-width: 100%;
}

Tumblr标题溢出容器

1 个答案: