ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS 非行折り返しスタイルと CSS 行折り返しスタイルを設定するにはどうすればよいですか? (場合)

CSS 非行折り返しスタイルと CSS 行折り返しスタイルを設定するにはどうすればよいですか? (場合)

云罗郡主
リリース: 2018-10-20 14:03:07
オリジナル
4215 人が閲覧しました

CSS を学習する初心者の多くは、CSS 非行折り返しスタイルと CSS 行折り返しスタイルの違いについて常に混乱します。CSS 非行折り返しスタイルと CSS 行折り返しスタイルの領域を設定する方法を見てみましょう。例を通してそれを説明します。

CSS 非行折り返しスタイルと CSS 行折り返しスタイルを設定するにはどうすればよいですか? (場合)

css 非行折り返しスタイルと CSS 行折り返しスタイルは div を通じて設定でき、テキストは css スタイルを通じてスタイル設定できます。

1: CSS 改行スタイルの設定と方法

1. CSS スタイルでは、改行に
タグを使用できます。
改行が必要な場所に改行タグを追加する限り、テキストを折り返すことができます。例:

<body>
php中文网<br />
学习是最好的投资<br />
学习php<br />
</body>
ログイン後にコピー

2。CSS スタイルでも 必要に応じて大きな改行 記事内に大きな改行を入れてセクションに分けて表示したい場合は、

を使用できますが、まず

タグの使用法を理解する必要があります。コードは次のとおりです:

<html>
<head>
<title>实现分段和大换行</title>
</head>
<body>
ログイン後にコピー
<h1><p>标签的使用</h1></h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>
ログイン後にコピー

3. もう 1 つの方法は、CSS を設定して高さと幅をカスタマイズすることです。多くのプログラマは、Web サイトを作成するときに word-wrap:break-word に遭遇するでしょう。この問題が発生した場合、div に幅を追加する限り、カスタム メソッドを使用して行を折り返すか、強制的な行の折り返しを実装できます。

2: css 非行折り返しスタイル

css 非行折り返しスタイルでは、nowrap を使用して、br が見つかるまですべてのテキストを強制的に 1 行で表示できます。

上記は、CSS 非行折り返しスタイルと CSS 行折り返しスタイルを設定する方法です。 (ケース) 完全な紹介、CSS ビデオ チュートリアル について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。


以上がCSS 非行折り返しスタイルと CSS 行折り返しスタイルを設定するにはどうすればよいですか? (場合)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート