So erreichen Sie eine gemischte Anordnung von Bildern und Text in HTML

Dieses Mal zeige ich Ihnen, wie Sie eine gemischte Anordnung von Grafiken und Text in HTML erreichen. Was sind die Vorsichtsmaßnahmen für die Implementierung einer gemischten Anordnung von Grafiken und Text in HTML? Schauen Sie mal rein.

Textumbruch um Bilder

Wenn wir normale Bilder verwenden, zum Beispiel:

<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>这里是普通的。国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。</TD>
</TR>
</TABLE>

In einer solchen Aussage ist das Bild ist höher als der Text. Wenn es hoch ist, befindet sich über dem Text ein Leerraum. Die Wirkung der Seite ist sehr schlecht. Wie kann man es lösen? Bitte schauen Sie sich diesen Code an:

<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>这里是绕排的。国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。</TD>
</TR>
</TABLE>

Fügen Sie dieses -Attribut zum img-Element hinzu, um das Problem zu lösen: align="center", das Problem wird gelöst. Halten Sie es einfach! Hspace definiert die Breite des Bildes und der umgebenden Elemente. Es spielt keine Rolle, ob es umgangen wird oder nicht.

Wie wurde das gemacht? Schauen wir uns zunächst diesen Code an:

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font> </table>国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。（End）</td></tr>
</table>

Wie erreicht man diesen Effekt?

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font>
</table>国内的VB网站中vbgood以每日更新，资料量丰富，而深受程序爱好者的喜欢。（End）</td></tr>
</table>

Dieser Code erklärt es. Wenn Sie schlau sind, wissen Sie es auf einen Blick. Geben Sie einfach die Wörter ein, die Sie vergrößern möchten.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So deaktivieren Sie das Seiten-Caching

So fügen Sie Dateien im Flash-Videoformat (FLV, SWF) in HTML hinzu

Das obige ist der detaillierte Inhalt vonSo erreichen Sie eine gemischte Anordnung von Bildern und Text in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!