使用跨度来塑造里面元素里面的文本

我有一些问题在里面元素里面塑造文本。我遇到的一个问题是，浮动右边的div不会漂浮在右上角，而是在顶部留出空间。此外，文本没有正确地“塑造”。正如你可以从this jsfiddle看到的那样，divs很好地在网格线内，但是文本确实出现在线外。还有一种方法可以在不合适的情况下将短划线分开（就像我在最后一个那样），或者使文本变小？使用跨度来塑造里面元素里面的文本

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

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

<?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>'; } 
?>

来源

2012-09-30 michaellindahl

感谢@hakra，我有一部分在那里。然而，真正的解决方案更简单，更有意义（不知道为什么花了我很长时间才意识到这一点）：首先将浮点数右对齐！

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

来源

2012-09-30 22:06:09 michaellindahl

如果添加此它将工作

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

它意思是你根据你的条件只创建一个宽度为9％的div一次

来源

2012-09-30 04:50:39

使用跨度来塑造里面元素里面的文本

回答

相关问题