cssでテキストを非表示にする





要素を消さずに非表示にさせたい

まとめて消してしまうのではなく他のの要素は残しつつ、文字を非表示させる方法を探していたところ、解決方法があった

参考にさせていただいたサイト
CSSで文字テキストを非表示にする（隠す）方法

html

1
<div class="text">あいうえお</div>

css

1
2
3
4
5
text {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

これで文字を非表示にすることができる

最後に

５年前の情報なので、今は違うやり方がたくさんある可能性がある
情報を見つけ次第、追記していく