TopicBoad
K-OFFICE
CSSでぶら下げインデントの設定
2019.07.07
スクリーン幅の狭いスマホ表示では、文字列が折り返される事があります。下図のようにタイトルの行頭にアイコンを使用している場合は、1行目の文字の始まりと2行目の文字の始まりにズレが発生します。
CSSで以下の設定をすると2行目以降の文字を1文字下げることができます。
h2{
text-indent: -1em;
padding-left: 1em;
}
2019.07.07 10:16 |
固定リンク
|
WEB制作
記事検索
«
2019 / 07
»
日
月
火
水
木
金
土
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
最新記事
ネストした関数の入力
Excelでセルの読み上げ
3Dモデルの挿入
スクリーンショットの挿入
CSSでぶら下げインデントの設定
カテゴリー
未分類 (21)
WEB制作 (1)
Excel (4)
Word (5)
日常のできごと (0)
アーカイブ
2019年11月 (1)
2019年07月 (10)
2016年08月 (1)
2016年04月 (1)
2016年03月 (1)
2016年01月 (1)
2015年05月 (2)
2015年02月 (1)
2014年03月 (1)
2013年07月 (2)
2012年10月 (1)
2012年01月 (2)
2011年12月 (2)
2011年11月 (2)
2011年10月 (3)
RSSフィード
RSS 2.0
【管理画面】
-
CafeNote
-