正面に書かれた言葉:
2016 年 5 月 4 日の「青少年の日」、私は若い学生党員としてブログのキャリアを開始し、勤勉で進歩的な若者になるよう自分自身を鼓舞しました。私は卒業後に月に W+ を稼ぎ、キャリアの頂点に達することを夢見ています...
しかし、限られた自制心で、昨日はまだコントロールできず、「歓喜の歌」を観ました、ああああああああ、それはずっと続きました一見すると一日中、大文字でただ退廃的でした！ ！ ！
笑、このドラマを見ている人もたくさんいると思いますが、このドラマでは誰もがお気に入りのキャラクターを見つけることができるはずですし、彼らの中にいくつかの類似点を見つけることができるはずです。良いドラマ。見る価値があるドラマ。
でも、繰り返しますが、ドラマの中の物語は他人のものであり、あなたは時間の経過とともに現実の生活に戻り、あなた自身の主人公になって、どのような人生を望んでいるのか、あるいは望んでいないのかを考えて着実に前に進んでください。 。 。
ああああああ、鶏スープのボウルをひっくり返さないでください、噴出しないでください、噴出しないでください、噴出しないでください、ひざまずいて、ありがとう！
また、今日は母の日なので、忘れずにお母さんに電話してください。 。 。 より
overflow には次の 4 つの属性があります (W3School より)
1. overflow:visible
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title><meta name="description" content=""><meta name="keywords" content=""><link href="" rel="stylesheet"> <style type="text/css"> .box{margin: auto; width: 150px; height: 50px; border: 1px solid red; overflow: visible; } </style></head> <body> <div class="box"> <img src="/static/imghwm/default1.png" data-src="img/flower.png" class="lazy"/ alt="オーバーフロー属性_html/css_WEB-ITnose" > </div> </body></html> 効果
overflow:visible は、overflow のデフォルトの属性値でもあります。上記の効果に示すように、親要素を超えた部分は表示され続け、超過した部分は要素の高さを拡張しません。親要素。
2. overflow:hidden
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title><meta name="description" content=""><meta name="keywords" content=""><link href="" rel="stylesheet"> <style type="text/css"> .box{margin: auto; width: 150px; height: 50px; border: 1px solid red; overflow: hidden; } </style></head> <body> <div class="box"> <img src="/static/imghwm/default1.png" data-src="img/flower.png" class="lazy"/ alt="オーバーフロー属性_html/css_WEB-ITnose" > </div> </body></html> 効果は次のとおりです:
図に示すように、子要素が親要素内に表示され、その部分が親要素を超える部分は非表示になります。同時に、前回のフロートのクリアで説明したように、親要素に overflow:hidden を追加して、フロートをクリアする効果を実現できます。
3. overflow:scroll
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title><meta name="description" content=""><meta name="keywords" content=""><link href="" rel="stylesheet"> <style type="text/css"> .box{margin: auto; width: 150px; height: 50px; border: 1px solid red; overflow: scroll; } </style></head> <body> <div class="box"> <img src="/static/imghwm/default1.png" data-src="img/flower.png" class="lazy"/ alt="オーバーフロー属性_html/css_WEB-ITnose" > </div> </body></html> 効果は次のとおりです:
上の図に示すように、この時点で overflow:scroll が設定され、スクロール バーが表示されます。親要素と同様に、x 方向と y 方向にも生成されます。子要素に十分な幅がある場合は、スクロール バーも生成されます。overflow-y:scroll が水平方向に設定されている場合は、スクロール バーは生成されません。効果は次のとおりです:
4. オーバーフロー: auto
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title><meta name="description" content=""><meta name="keywords" content=""><link href="" rel="stylesheet"> <style type="text/css"> .box{margin: auto; width: 150px; height: 50px; border: 1px solid red; overflow: auto; } </style></head> <body> <div class="box"> <img src="/static/imghwm/default1.png" data-src="img/flower.png" class="lazy"/ alt="オーバーフロー属性_html/css_WEB-ITnose" > </div> </body></html> 効果は次のとおりです:
このとき、ブラウザは自動的に設定します。親要素と子要素の幅と高さに応じてスクロール バーを調整します。
もちろん、上記のオーバーフロー属性はすべて、親要素の固定幅と高さに基づいています。
上記の紹介があなたのお役に立てば幸いです。同時に、これは私がちょうど身に着けたプロセスでもあります。Blog Park プラットフォームに感謝します。 ----＜夢を持ったフロントエンド初心者＞より
HTMLタグとHTML属性の違いは何ですか？May 14, 2025 am 12:01 AMhtmltagsdeTheStructureOfawebpage、whiLeattributesdddddddddtetails.1）tagslike、andoutlineThecontentのsplacement.2）属性、クラス、およびスチリーンハンシテアグビーズイメージソース、スタイリング、および改善、および改善の想像力。
HTMLの未来：進化とトレンドMay 13, 2025 am 12:01 AMHTMLの未来は、よりセマンティック、機能的、モジュール式方向に発展します。 1）セマンティック化により、タグがコンテンツをより明確に説明し、SEOとバリアのないアクセスを改善します。 2）機能化は、ユーザーのニーズを満たすために新しい要素と属性を導入します。 3）モジュール性は、コンポーネントの開発をサポートし、コードの再利用性を改善します。
Web開発にとってHTML属性が重要なのはなぜですか？May 12, 2025 am 12:01 AMhtmlattributesarecrucialinwebdevevermentmentmentmentmentmentmentmention behavior、like、andfunctionality.theyenhance -interactivity、accessibility、andseo.forexample、thesrcattribute intagsimpactsseo
Alt属性の目的は何ですか？なぜそれが重要なのですか？May 11, 2025 am 12:01 AMALT属性は、HTMLのタグの重要な部分であり、画像の代替テキストを提供するために使用されます。 1.画像をロードできない場合、ALT属性のテキストが表示され、ユーザーエクスペリエンスが向上します。 2。スクリーンリーダーは、ALT属性を使用して、視覚障害のあるユーザーが写真の内容を理解するのに役立ちます。 3. ALT属性のEnginesインデックステキストを検索して、WebページのSEOランキングを改善します。
HTML、CSS、およびJavaScript：例と実用的なアプリケーションMay 09, 2025 am 12:01 AMWeb開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造の構築に使用されます。 2。CSSは、Webページの外観を美化するために使用されます。 3. JavaScriptは、動的な相互作用を実現するために使用されます。タグ、スタイル、スクリプトを通じて、これら3つは最新のWebページのコア関数を構築します。
Lang属性をタグにどのように設定しますか？なぜこれが重要なのですか？May 08, 2025 am 12:03 AMタグのLang属性を設定することは、WebアクセシビリティとSEOを最適化する重要なステップです。 1）ラング属性をタグに設定します。 2）多言語コンテンツでは、ようなさまざまな言語パーツのLang属性を設定します。 3）「EN」、「FR」、「ZH」などのISO639-1標準に準拠する言語コードを使用します。Lang属性を正しく設定すると、Webページと検索エンジンランキングのアクセシビリティが向上します。
HTML属性の目的は何ですか？May 07, 2025 am 12:01 AMhtmlattributeSareSientionalentionalentionalentionalentiallyance'functionalityandappearance.theyaddinformationtodefinebehavior、light、and interaction、makewebsitesteractive、responsive、andviseallyappaleal.attributeslikesrc、href、class、型、およびdoadabledransform
HTMLでリストを作成するにはどうすればよいですか？May 06, 2025 am 12:01 AMtoreatealistinhtml、useforunorderedlistsandfororderedlists：1）forunorderedlists、wrapitemsinanduseforeachitem、renderingasabulletedlist.2）
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
