HTML表格定位問題

我不是主要的HTML程序員，但我使用HTML來格式化iPhone中的其中一個屏幕的顯示。所以我所擁有的東西應該是一個像在右上角顯示嵌入圖像的段落，以便在圖像旁邊，文本包裝並且不重疊，但是一旦出現就會繼續向右在圖像下方。HTML表格定位問題

我母雞需要貼低於意見表，所以知道我的看法是728個像素寬，我做

<table width="768">

當我做我的小（240像素寬）查看該代碼，評論出現在圖片的下方，但從更大的角度來看，它沒有。任何人都知道爲什麼會這樣？

下面是我使用的HTML樣本：

<body bgcolor="#FFFFFF"> 
<p> 
    <img src="http://www.smspal.com/iPhonePhoto.jpg" width="320" height="480" align="right"> 
    Tweet 
</p> 
<table width="728" cellpadding="3" cellspacing="0" > 
    <tr> 
    <td> 
    <b> 
    <font size="2">Parent1 Parent1</font> 
    </b> 
    </td> 
    <td> 
    <p align="right"><font size="1">Tue. May 3, 2011 at 3:47 PM</font></p> 
    </td> 
    </tr> 
    <tr> 
    <td colspan="2"> 
    <p align="left"> 
    <font size="2">Add a comment</font> 
    </p> 
    </td> 
    </tr> 
</table> 
<hr noshade size="1" /> 
</body>

來源

2011-05-05 Dan F

你讓你的桌子上絕對像素大小，以匹配特定的屏幕的像素寬度。尺寸是絕對的，因此在更小的屏幕尺寸上，無法在其左側或右側顯示任何內容，因此它無處可去，但無法向下。

嘗試使用百分比寬度，因爲這是符合許多不同屏幕尺寸的相對尺寸。

來源

2011-05-05 19:17:44

由於我在iPhone視圖中，我的屏幕與我所說的完全一樣大，但也許你是對的，我如何告訴它使用百分比大小？ – 2011-05-05 19:18:47

width =「80％」它就這麼簡單 – 2011-05-05 19:27:22

美麗，完美的作品，現在我甚至不必爲兩個設備指定兩個寬度 – 2011-05-05 19:28:56

爲什麼不把圖像放在表內？您可以使用colspan屬性將圖像保留在右上角。

來源

2011-05-05 19:21:08 Piccolomomo

這不會允許左側區域的文字包裝在它下面 – 2011-05-05 19:22:07

啊！對！所以你想要圍繞圖像換行。看看[這裏]（http://www.monkeydoit.com/wrap-text-images-html.php） – Piccolomomo 2011-05-05 19:28:22

HTML表格定位問題

回答

相關問題