我的tumblr聊天帖子没有正常工作

Question

我的tumblr聊天帖子在我的主题上看起来混乱和破碎，我无法弄清楚编码的错误。 这是我的tumblr http://fuckyouandyourmelons.tumblr.com/

这是代码

{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="text">
{block:Lines}<div class="{Alt}">
<div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
{/block:Lines}
</div>
{/block:Chat}

Answer 1

以下CSS导致此问题：

.line {
  top: 13px;
  left: 30px;
  width: 0px;
  height: 3px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

删除width:0px，它应如下所示：