基於文本對齊bg圖像

根據文本結束的位置可以對齊背景圖像嗎？基於文本對齊bg圖像

演示代碼：

.textBox .text { padding-top: 8px; background: url('../images/text-top.gif') left top no-repeat; padding-right:15px; } 
.textBox .bottom { padding: 0px 0px 20px 15px; background: url('../images/text-bottom.gif') right bottom no-repeat; } 

<div class="textBox"> 
<div class="text"> 
<div class="bottom">blah blah blah multi-line text here</div> 
</div> 
</div>

我想做到的是在文字的末尾對齊的../images/text-bottom.gif。

來源

2011-06-30 andrew

和你的代碼有什麼問題？ – Subdigger

bg圖像放在容器div的最右側 - 不在文本的末尾 – andrew

沒有，簡單的顯示直列沒;噸工作。但我找到了解決辦法

我把一錘定音的[跨度]標籤，在[P]標記的所有文字和修改我的CSS如下：

.textBox .bottom { padding: 0px 0px 20px 15px; } 
.textBox p { padding-bottom: 21px; font-size: 14px; line-height: 21px; color: #666; position:relative; } 
.textBox .bottom p span{ background: url('../images/text-bottom.gif') top right no-repeat; width:auto; padding-left:5px; padding-right:15px;height:40px; display: inline;

使用正則表達式，我找到我的文本的最後一個字，我把它放在[span]，它的工作原理就像我想

來源

2011-07-04 09:05:43 andrew

嘗試添加顯示：

.textBox .bottom { 
    .... 
    display: inline; 

}

來源

2011-06-30 13:36:22 Subdigger

基於文本對齊bg圖像

回答

相關問題