ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでのテキスト折り返し例(HTML画像とテキスト混在)_HTML/Xhtml_Webページ制作

HTMLでのテキスト折り返し例(HTML画像とテキスト混在)_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:38:202108ブラウズ

1. 画像の周りにテキストを折り返す

通常のものを使用する場合、たとえば:

コードをコピーします
コードは次のとおりです:








このような文では、画像がテキストよりも高い場合、テキストの上に空白スペースができます。ページの効果は非常に悪いです。どうやって解決すればいいでしょうか?このコードを見てください:
コードをコピーします

コードは次のとおりです:


これは普通です。国内のVBサイトの中でもvbgoodは毎日更新されており情報量も豊富でプログラム愛好家に人気があります。



これはラップアラウンド配置です。国内のVBサイトの中でもvbgoodは毎日更新されており情報量も豊富でプログラム愛好家に人気があります。


問題を解決するには、この属性を img 要素に追加します: align="center"、問題は解決できます。シンプルにしてください。 hspace に関しては、画像とその周囲の要素の幅を定義します。バイパスされるかどうかは関係ありません。

これはどのようにして行われたのでしょうか?まずこのコードを見てください:
コードをコピーします

コードは次のとおりです:




< ;font color=red size ="5">
vbgoodは毎日更新されており、情報量が豊富です。番組愛好家に深く愛されています。 (了)


このような効果を実現するにはどうすればよいでしょうか?
コードをコピーします

コードは次のとおりです:




<表 align=left セルスペース=0 セルパディング=0>
の中でも、vbgoodは毎日更新され情報量も豊富で、プログラム愛好家に根強く愛されています。 。 (終了)


このコードは、賢い人なら一目でわかると思います。この表に単語を入力するだけです。

しかし、テキストに背景色を付けたい場合はどうすればよいでしょうか?ああ、賢いですね。次のようにテーブルに bgcolor 属性を追加します:
コードをコピー

コード



国内のVBサイトvbgoodは毎日更新されており、情報量が豊富で、番組愛好家の間で非常に人気があります。 (了)


でも出てくるのかな?いいえ、何か追加する必要があります (次回からはすぐに答えないように注意してください:):
コードをコピー

コードは次のとおりです:


< ;table align =left cellpacing=0 cellpadding=0 bgcolor=#C0C0C0>at
国内の VB サイトの中でも、vbgood は毎日更新されており、情報量も豊富で、プログラム愛好家に人気があります。 (了)
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。