コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-05-16 16:38:20
オリジナル
2091 人が閲覧しました

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 は毎日更新されており、情報量も豊富で、プログラム愛好家に人気があります。 (了)
関連ラベル：
html
ソース：php.cn
前の記事：HTML Webページへの画像挿入とマップインデックスの追加例解説_HTML/Xhtml_Webページ制作 次の記事：WebサイトBGM実装方法_HTML/Xhtml_Webページ制作
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法 laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したい これまでに試したこと: Laravel コンポーネントを含めることによる Live...
から 2024-04-06 20:02:10
0
2
543
文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
から 2024-04-06 17:40:41
0
2
410
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート