スポンサーリンク

全角スペースを使わずに段落の先頭を一文字下げよう

TypePadのWYSIWYGエディタが変更になったようで、これまでは削除されていなかった文頭の全角スペースが削除されるようになっちゃいました・・・orz

でも日本語で書くからには段落の最初は一文字分下げたいじゃないですか。まぁ、HTMLモードで編集(全角スペースを挿入)して保存すれば、削除はされないみたいなんですけど、リッチテキストモードに行って戻ると消えてるという罠(苦笑)。

もちろんリッチテキストモードを使わなきゃいいんですが、文章やレイアウトをチェックするにはリッチテキストモードの方が便利なんですよね。かといって、毎回最後にHTMLモードで全角スペースを追加していくのは面倒です。

というわけで、何かいい方法がないか調べてみました。

第1の方法は文字エンティティを使う方法です。 を使えば、2バイトフォント相当の空白を確保できるんだとか。

こんな感じ
  で指定しました

第2の方法はCSSを使う方法で、<p style="text-indent: 1em;"> ってしておくと、自動的に先頭に1文字分の空白が挿入されます。

こんな感じ

CSSで指定しました

どちらを使っても、結果の見た目は同じなんですが、「段落の頭を一文字分下げる」という意味では、CSSを使う方が理にかなっているのかなぁ

追記:
 今やってみたら、先頭の&emsp;も消えてるじゃん!こりゃCSSを使うしかないか。

参照リンク
 ・HTMLでの全角スペース - HTML - 教えて!goo

スポンサーリンク
コメント
Verify your Comment
Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

コメントを投稿
トラックバック

このページのトラックバックURL:
https://www.typepad.com/services/trackback/6a01310f1f31c0970c0134880cac06970c

このページへのトラックバック一覧 全角スペースを使わずに段落の先頭を一文字下げよう:


プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku

    運営サイト
    www.mukairiku.net

ブログ内検索

Licenses

  • Creative Commons License

OTHER

  • このブログのはてなブックマーク数

Blog powered by TypePad

スポンサーリンク