我有一個簡單的例子:段落,列表,引用文字與浮動圖像
<html>
<head>
<style type="text/css">
img {
float: left;
padding-left: 50px;
}
blockquote {
background-color: #FF0;
}
</style>
</head>
<body>
<div>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/HTML.svg/200px-HTML.svg.png" />
<p>
paragraph
</p>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<ol>
<li>one</li>
<li>two</li>
<li>three</li>
</ol>
<blockquote>
<p>
blockquoted paragraph
</p>
</blockquote>
</div>
</body>
</html>
因此,頁面的外觀:
同一頁面,無需將影像:
我必須從第二實施例獲得的文本對齊的組合和圖像浮動到左側(對準的線被標記爲紅色):
嘿,我想你只是這個http://jsfiddle.net/rohitazad/RntxN/1/ – 2012-04-18 06:46:58
那麼blockquote呢?段落看起來不太好... – 2012-04-18 06:51:43
我認爲你在css中定義ol,ul顯示錶就像這樣http://jsfiddle.net/rohitazad/RntxN/2/ – 2012-04-18 06:57:07