目次
ディスカッションへの返信 (解決策)
ホームページ ウェブフロントエンド htmlチュートリアル テキストの折り返し image_html/css_WEB-ITnose

テキストの折り返し image_html/css_WEB-ITnose

Jun 24, 2016 pm 12:12 PM

(乗り換え駅.. http://www.w3cfuns.com/thread-5593453-1-1.html ここに写真を投稿する方法が本当にわかりません.. ごめんなさい!)
助けていただければ幸いです。 。 。


ディスカッションへの返信 (解決策)

画像の周りにテキストが回り込みますか? ?浮かせるだけでも良いんじゃないでしょうか?

まさか
私の写真に float:left が指定された class="pic1" があることに気づきませんでしたが、写真は沈んでしまいました。 。 。

まさか
私の写真に float:left が指定された class="pic1" があることに気づきませんでしたが、写真は沈んでしまいました。 。 。
チェックしてください。 。 。写真が沈んでいるのはとても奇妙です

位置の違いは別として、
(.zhong_main{
width:200px;
height:580px;
margin-top:-580px;
margin-left: 180px;
背景色:#0066CC;}
.in_main{
幅:200px;
マージン-上:-580px;
背景色:#339900;
ただし、中身は同じですが、コードは同じです。 -top:30px;
background-color:#CCCCCC;}

ですが、結果は異なります
(位置を示すために文字を使用しています。具体的な画像を確認するには、Web サイトにアクセスしてください)
IE Firefox で表示される位置は次のとおりです。あ
dは元々aを上にしてバランスを取っていましたが沈んでしまいました)

はい。 。論理的に言えば、どのコードが影響して沈んだのかわかりません。

まさか
とは思いませんでした。私の写真には class= があります。 pic1 には float:left; がありますが、写真が沈んでしまいました。 。 。

チェックしてください。 。 。その写真が沈んでいるのはとても奇妙です

2 階の回答からの引用:

まさか
class="pic1" の私の写真に float:left があることに気づきませんでしたが、写真が沈んでいます。 ! 。 。

チェックしてください。 。 。その写真だけが沈んでいるのがとても不思議です

その写真のサイズは他のものと同じですか?


3 階の返信から引用:

2 階の返信から引用:

まさか
class="pic1" の写真に float:left があることに気づきませんでしたが、写真が沈んでしまいました。 ! 。 。

チェックしてください。 。 。その写真だけが沈んでいるのはとても不思議です

その写真のサイズは他のものと同じですか?
間違った考えです。 。 。
その部分の問題ではありません。 。引っ張り出して個別に並べてみました。 。その画像を別途処理する必要があると思います。 。

同じです、どちらも 50*50 です

3 階の回答から引用:


2 階の回答から引用:

まさか
class=" の私の写真に float:left があるのはわかりませんでしたpic1」ですが、画像が重いです 下がります! 。 。

チェックしてください。 。 。その写真だけが沈んでいるのはとても不思議です

その写真のサイズは他のものと同じですか?

サイズ 50*50
サイズ 1.68kb 1.76kb 1.83kb 1.97kb

上記の abcd レイアウトを例として取り上げます。 。
aかbのどちらかのcdを削除すると正常になります

abcdレイアウトとは何ですか?写真はたったの4枚です! 。ただし、4 つの画像を表示するように指定しました
上の abcd レイアウトを例として考えてみましょう。 。
a または b のいずれかの CD を削除すると、正常になります

首先发现了几个问题
1、你上面图片的li木有结束标记。



问题已经解决 请楼主结扎







  


      

          






          

      

      

           
Entry Page

           
Other Pages

           
Grey options

           
Yellowoptions

           
Blue options

           
Green options

           
Red options

      

      

           

           

                 

                      
Who can use this template

  

  

GoFlexible-Two contains sufficient formats available for texts. You can choose between "heading",
"subheading" and normal paragraphs. See under "Other Pages" for examples.
  

                 

                 

                      
The Colors

  

  

GoFlexible-Two contains sufficient formats available for texts. You can choose between "heading",
"subheading" and normal paragraphs. See under "Other Pages" for examples.
  

                 

           

           

                 

                      
The Layout

  

  

GoFlexible-Two contains sufficient formats available for texts. You can choose between "heading",
"subheading" and normal paragraphs. See under "Other Pages" for examples.
  

                 


テキスト



GoFlexible-Two には、テキストに使用できる十分な形式が含まれています。 「見出し」、
「小見出し」、および通常の段落から選択できます。 例については、「その他のページ」を参照してください。

















著作権 ©2006 貴社 | 著作権はすべて留保されています

Gerhard Studiosによるデザイン | W3C XHTML 1.1 |  W3C CSS 2.0





扎你妹。。

最初に承認された問題
1、上面図のリ木有終了通知。请楼主结扎


このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

See all articles