検索
ホームページウェブフロントエンドhtmlチュートリアルHTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要

HTML概要の段落要素にスペースを残したいのですが、スペース記号を直接入力してもうまくいきません。ブラウザにはスペースが1つしか表示されないため、どれだけスペースをクリックしても同じですが、今日のスペースシンボル 最後に、3つのスペースシンボルのランキングです。一緒にこの記事を見てみましょう

まず第一に、HTML 段落要素にスペースを設定する方法を見てみましょう:

HTML 段落では、文の間にスペースを増やしたいことは誰もが知っています。スペースをクリックするだけですが、ほとんどの主流のブラウザでは、多くのスペースはすべて小さなスペースしか表示されないため、コードを記述するときはスペース記号が特別に使用されます。ただし、現在使用されているスペース記号は比較的少なくなっていますが、扱いの点で詳細に説明すると、スペースを残しておきたい場合は、このスペース文字を使用するのが最も便利です。

次に、段落要素内のスペース文字の設定を見てみましょう:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p>这里是PHP中文网;                                       这里是PHP中文网;这里是PHP中文网;
      这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网
;这里是PHP中文网;</p>
</body>
</html>

上記のコードでは、最初の文の後に大きな空行が残ります。これを、後で使用するスペース文字から分離したいと思います。もっと遠くにいるのは誰ですか?

ブラウザに表示されたレンダリングを見てみましょう:

HTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要

最初のものは非常に多くのスペースが積み重なったスペースであり、ブラウザにはほんの少ししか表示されないことがはっきりとわかります。スペースが小さい場合、スペース文字を入力した後にスペース文字を表示すると、スペースが突然大きくなります。

もちろん、大きなスペースを空けたくても、通常はスペース文字を使いません。今日はスペース文字の使用について説明します。他のことは言うまでもありませんが、このスペース文字は一部の怠け者にとって非常に使いやすいものです。 (さらに詳しく知りたい場合は、PHP 中国語 Web サイトの HTML 開発マニュアル 列にアクセスして学習してください)

ここで、  と同じスペース文字がさらに 2 つあることを見てみましょう。

 : 「en space」は、タイポグラフィーの測定単位にちなんで名付けられました

 : 「em space」は、通常のスペース 4 つ分の幅です

。改行に影響を与えない記号。場合によってはより大きな空きスペースが存在するため、  よりも使用率はわずかに低くなります。

それらの違いを詳しく見てみましょう:

<body>
<p>这里是PHP中文网;&ensp;&ensp;&ensp;这里是PHP中文网;这里是PHP中文网;   这里是PHP中文网;这里是PHP中
文网;&emsp;&emsp;&emsp;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;</p>
</body>

は内部に 3 つのスペース記号を追加します。その効果を見てみましょう:

HTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要

3 つのスペースタグ、上の表示を見てみましょう それらをランク付けしてみましょうもちろん、インターネット上にはラ​​ンク付けしている人がたくさんいますが、より明確に知るためには、私たち自身がランク付けする必要があります。

それでは、上の図に従ってランキングを見てみましょう:

1 位、もちろん最大のものは   であり、スペース文字が 3 つあることも明らかです。最大。

2 位、つまり 2 番目に大きい空のものは  、これは 2 番目に大きい空のもので、前回のほぼ 2 倍の大きさです。

最後はもちろん、この章で説明するスペース文字です。空きスペースは小さいですが、場所によっては非常に実用的です。

今日のスペースに関する記事はここまでです。さらに詳しく知りたい場合は、PHP 中国語 Web サイトの html リファレンス マニュアル のコラムを参照してください。ご質問がございましたら、以下よりお問い合わせください。

【編集者のおすすめ】

CSSのpadding属性に負の値を指定することはできますか? cssのpadding属性を詳しく解説

cssの擬似要素とは? CSS 疑似要素の詳細な紹介 (例も含めて)

以上がHTML 段落要素にスペースを設定するにはどうすればよいですか? HTML スペース設定の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

mysql空格是一种特殊字符,用于分隔关键字、标识符、值以及其他语句元素,空格可以在SQL语句中的多个位置使用,并且通常不会影响语句的执行。空格的用途:1、用于分隔关键字和标识符;2、用于分隔运算符和值;3、用于分隔函数、列和表别名;4、用于缩进和对齐。

全角空格与半角空格的不同之处全角空格与半角空格的不同之处Mar 25, 2024 pm 12:45 PM

全角空格与半角空格的不同之处在我们使用文字处理软件或者编辑文字内容的时候,有时候会遇到空格这个概念。空格在排版和格式化文本时是一个很基础的元素,不过很多人可能并不知道全角空格和半角空格之间的区别。在日常使用中,我们或许能感受到全角空格和半角空格在不同的情境下会产生不同的效果,但可能并没有意识到这其中的细微差别。首先,全角空格和半角空格的区别在于它们所占据的宽

vue怎么替换空格vue怎么替换空格Dec 22, 2022 am 09:40 AM

vue实现替换空格的方法:1、创建一个vue示例文件;2、通过正则表达式“string = string.replace(/\s/g," ");”替换所有的空格;3、通过“console.log(string);”输出替换后的字符串即可。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

如何正确地在 Go 语言中使用空格如何正确地在 Go 语言中使用空格Mar 29, 2024 pm 03:42 PM

Go语言是一种简单、高效、并发性强的编程语言,它是由Google开发的一种开源语言。在Go语言中,空格的使用是非常重要的,它能够提高代码的可读性和易维护性。本文将介绍如何正确地在Go语言中使用空格,并提供具体的代码示例。为什么需要正确使用空格在编程过程中,空格的使用对于代码的可读性和美观性非常重要。恰当地使用空格可以让代码更加清晰、易读,从而减

全角空格和半角空格有什么区别全角空格和半角空格有什么区别Mar 15, 2024 pm 03:49 PM

区别:1、全角空格的显示宽度与中文字符相同,占用两个字节,输入时需要使用中文输入法,而半角空格的宽度为中文字符的一半,占用一个字节,直接按下空格键即可输入;2、在文本排版时,全角空格使得布局更加宽松,而半角空格则更紧凑。

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 中国語版

SublimeText3 中国語版

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

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。