1

我在 li 元素中塑造文本时遇到了一些问题。我遇到的一个问题是浮动右侧的 div 不会浮动到右上角，而是在顶部留出空间。此外，文本没有正确“塑造”正确。正如您从这个jsfiddle 中看到的那样，div 很好地位于网格线之内，但是文本确实出现在网格线之外。还有一种方法可以在单词不合适时用破折号分隔单词（就像我在最后一个单词上所做的那样），或者使文本变小？

更新了显示错误文本溢出的 jsfiddle：http: //jsfiddle.net/u773M/1/

这是我创建文本浮动 div 的 php：

<?php for ($i = 1; $i < 7; $i++) {
 echo '<div class="trianglefloatleft" style="width:'.(3+($i*6)).'%;"></div>';
 echo '<div class="trianglefloatright" style="width:'.(9+($i*6)).'%;"></div>'; }
?>
4

2 回答 2

1

如果您添加它，它将起作用

<div class="trianglefloatleft" style="width:9%;"></div>
<div class="trianglefloatright" style="width: 9%; margin-top: -12px;"></div>

这意味着您根据您的情况仅创建一次宽度为 9% 的 div

于 2012-09-30T04:50:39.533 回答
0

感谢@hakra，我得到了一部分。然而，真正的解决方案要简单得多，也更有意义（不知道为什么我花了这么长时间才意识到这一点）：首先将浮动右 div ！

为关心的人更新了代码：http: //jsfiddle.net/u773M/4/

于 2012-09-30T22:06:09.493 回答