3

我终于得到了这只很酷的推特小鸟，它在我的提要中显示了最新的推文。

我唯一的问题是关于实际推文的位置。由于每条推文中的字符数量不断变化，因此框会垂直扩展（高度放大），有时会使图像看起来不正常/破坏效果。

我仍然不擅长 CSS，所以我不确定我是否遗漏了一些简单的东西，但这里有两个例子来向你们说明这个概念。

21 个字符推文测试：

短推文

140 个字符的推文测试：

长推文

这是我正在使用的代码（请注意，“左下” div 由外部 CSS 设置样式）：

<div id="lowerleft">
  <div id="twitterbutton" style="z-index:100;padding-left:50px;padding-top:75px">
    <div class="tri"style="width:160px;"id=”twitter_update_list”&gt;
      <div id="twitter_div">Latest Tweet:</div>
        <br />
        This is a test. TEST.
    </div>
  </div>
</div>

如果我没有准确地解释自己，让我最后一次尝试：

无论如何要在css中设置一个锚点以确保我的div不会垂直地向y轴上的负方向增长，而是让它在y轴的正方向上垂直向上扩展？

4

1 回答 1

1

You can absolutely position it and give it a bottom anchor point. This way, as you add content to it it'll expand upwards instead of downwards.

How exactly you apply absolute positioning depends on your structure, but it shouldn't be difficult.

于 2012-05-28T18:42:51.327 回答