2012-05-03 10 views
0

我在一行文本的右側有圖像。如果文本足夠長以包裝到下一行,它將從圖像下面開始。我希望它仍然在第一行文本的水平下在同一個地方開始。圖像結束後水平對齊文本的新行

看看右側的最後一個環節下的「勇士電視」爲例: http://www.nba.com/warriors/fanzonelandingtest_009.html

下面是這些鏈接代碼:

<img style="padding-right: 10px;" src="imgsrc.jpg" /><a href="link.htm">Link Title Possibly New Line</a><br /> 

什麼我可以做做到這一點?如果我不清楚,請告訴我。

回答

3

而不是使用內聯<img />元素,爲什麼不使用圖像作爲背景圖像並調整文本填充?

#tab_warriorstv_links_fz span { 
    background:url("/warriors/photos/tvicon_fz.png") no-repeat left top; 
    padding-left:25px; 
} 
+0

感謝您的快速回復,似乎仍然存在相同的問題:(http://www.nba.com/warriors/fanzonelandingtest_001.html – dougmacklin

+0

對不起Dougie,我看你的HTML太快了,我的建議是 1.刪除跨度之間的
標記 2.將background-image和填充規則應用到錨點而不是跨度 3.將顯示:block;添加到錨點 – jaredhoyt

+0

Ahh thanks,works我最終將'left top'更改爲'0px 3px',以獲得更精確的外觀。正是我需要的! – dougmacklin

2

爲什麼不使用無序列表並設置自定義項目符號?這看起來就像你要去的那樣。

+0

不幸的是,取代我的控制之外的樣式表使得使用列表非常困難,但這正是我所嘗試的複製。 – dougmacklin