使用跨度來塑造裏面元素裏面的文本

我有一些問題在裏面元素裏面塑造文本。我遇到的一個問題是，浮動右邊的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

使用跨度來塑造裏面元素裏面的文本

回答

相關問題