CSS デジタルテキストが長すぎて非表示になっている場合はどうすればよいですか?-CSSチュートリアル-php.cn

CSS デジタルテキストが長すぎて非表示になっている場合はどうすればよいですか?

青灯夜游

リリース： 2023-02-17 15:01:51

オリジナル

3202 人が閲覧しました

CSS 数値テキストが長すぎて非表示になる問題の解決策: 1. 対応する HTML ファイルを開きます; 2. 「word-break」属性を使用して「word-break:break-all;」を追加します。「数字を含む要素へ;」スタイルでは、デジタルテキストを自動的に折り返すだけで、すべてが表示されます。

CSS デジタルテキストが長すぎて非表示になっている場合はどうすればよいですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

連続デジタルテキストは自動的に折り返すことができません。

CSS デジタルテキストが長すぎて非表示になっている場合はどうすればよいですか?

長すぎるのにコンテナ要素が overflow: hidden;# に設定されているのはなぜですか? # #スタイルを選択すると、余分な部分が非表示になります。

CSS デジタルテキストが長すぎて非表示になっている場合はどうすればよいですか?

#このとき、テキストを自動的に折り返すように設定することで、すべての数字を表示できます。

自動行折り返しを設定したい場合は、word-break 属性を使用する必要があります。これにより、ブラウザは任意の位置で行を折り返すことができます。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" id="remove">
		<style>
			div{
				width: 200px;
				height: 100px;
				border: 1px solid red;
				overflow: hidden;
				word-break:break-all;
			}
		</style>
	</head>

	<body>
		<div>11111111111111111111111111111111111111111111111</div>
	</body>
</html>

ログイン後にコピー

レンダリング:

CSS デジタルテキストが長すぎて非表示になっている場合はどうすればよいですか? #説明:

ワードブレーク属性は自動を指定します。改行を処理します。

構文: w

ord-break:normal|break-all|keep-all;

1990 年、ティムバーナーズリーとロバートカイリオは共同で Web を発明しました。 1994 年に、Web は実際に実験室から誕生しました。

HTML の発明以来、スタイルはさまざまな形で存在してきました。さまざまなブラウザーが独自のスタイル言語を組み合わせて、ユーザーがページ効果を制御できるようにします。元の HTML には、いくつかの表示属性しか含まれていませんでした。

HTML の成長に伴い、ページ設計者の要件を満たすために、HTML には多くの表示機能が追加されました。しかし、これらの機能が増えるにつれて、HTML はますます複雑になり、HTML ページはますます肥大化していきます。そこでCSSが誕生しました。

Hakun Lee は 1994 年に CSS の最初の提案を提案しました。当時、Bert Bos は Argo というブラウザを設計していたので、一緒に CSS を設計することにしました。

実は、当時のインターネット業界ではスタイルシート言語の統一に関する提案はいくつかありましたが、「カスケード」という豊かな意味を含んだスタイルシート言語はCSSが初めてでした。 CSS では、1 つのファイル内のスタイルを他のスタイルシートから継承できます。読者は、ある場所では自分の好みのスタイルを使用し、他の場所では著者のスタイルを継承または「カスケード」することができます。この階層化されたアプローチにより、作成者と読者の両方が独自のデザインを追加し、誰もが好むものを組み合わせることができる柔軟性が得られます。

Ha Kun は 1994 年にシカゴで開催されたカンファレンスで初めて CSS を提案しました。CSS は 1995 年の www network カンファレンスで再び提案されました。Boss は CSS をサポートする Argo ブラウザの例をデモンストレーションしました。Haken はまた、CSS のサポートをデモンストレーションしました。アリーナブラウザ。

同年、W3C 組織 (World WideWeb Consortium) が設立され、CSS のクリエイティブなメンバー全員が W3C ワーキンググループとなり、CSS 標準の開発に全力を尽くし、ついにカスケードスタイルシートの開発に至りました。正しい道で。 Microsoft の Thomas Reaxdon など、参加するメンバーはますます増え、その努力は最終的に Internet Explorer ブラウザーでの CSS 標準のサポートにつながりました。 Ha Kun 氏、Persia 氏などがこのプロジェクトの主要な技術リーダーです。 1996 年末に CSS の初稿が完成し、同年 12 月にカスケードスタイルシートの最初の正式な標準 (Cascading Style Sheets Level 1) が完成し、w3c の推奨標準となりました。

1997 年初頭、CSS を担当する W3C ワーキンググループは、初版でカバーされていない問題について議論し始めました。議論の結果、1998 年 5 月に発行された CSS 仕様の第 2 版が形成されました。