---
# System prepended metadata

title: ちょっとしたレイアウト調整に便利な知識
tags: [' Layout', Markdown]

---

---
tags: Markdown, Layout
title: ちょっとしたレイアウト調整に便利な知識
---

ちょっとしたレイアウト調整に便利な知識
===

§01 特殊文字で簡易レイアウト調整を実現！
---

| 特殊文字 |           表示サンプル            |                                                       説明                                                       |
|:-:|:-:|:-:|
|\&nbsp; |普通の 半角スペース|半角スペース(改行しない)|
| \&ensp;  | 広めの スペース&ensp;&ensp;&ensp; |広め&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;|
|\&emsp;|全角幅スペース&emsp;&emsp;|もっと広い&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;|
|\&thinsp;|せまい スペース&emsp;&emsp;|狭い&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;|

[📘出典](https://blog.codecamp.jp/programming-html-hankaku-space)

##### 参考 上記テーブルのソース（MarkDown）

上記のテーブルでは通常は不可能なレイアウト（テーブルヘッダーとテーブルボディの文字寄せを別々にすること）をスペースを挿入することによって実現しています。この例では項目名を中央寄せに、データ本体を左寄せにしています。下記にMarkdown記法によるソースを示します。

```marddown=
| 特殊文字 |表示サンプル|説明|
|:-:|:-:|:-:|
|\&nbsp; |普通の 半角スペース|半角スペース(改行しない)|
| \&ensp;  | 広めの スペース&ensp;&ensp;&ensp; |広め&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;|
|\&emsp;|全角幅スペース&emsp;&emsp;|もっと広い&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;|
|\&thinsp;|せまい スペース&emsp;&emsp;|狭い&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;|
```