タグ:overflow
- visible:そのまま表示(初期値)
- scroll:常にスクロールバーを表示
- auto:はみ出すときだけスクロールバーを表示
- hidden:非表示
- * パソコン画面だと表示されますが、スマホからだとバーは表示されません。
ここに文字を入れる
(横)
<div style="width: 150px; height: 85px; overflow: scroll; white-space: nowrap; background: #FFEEEE;">ここに文字を入れる</div>
ここに文字を入れる
(縦)
<div style="width: 150px; height: 85px; overflow: scroll; background: #FFEEEE;">ここに文字を入れる</div>
実際にやってみる。
ここに文字を入れる
<div style="border-bottom: 1px solid #29C4A0; border-left: 10px solid #29C4A0; padding: 13px;"><b>ここに文字を入れる</b></div>
このコードをスクロールバーで表示できるかやってみる。
(コードは特殊文字で入力)
<div style="border-bottom: 1px solid #29C4A0; border-left: 10px solid #29C4A0; padding: 13px;"><b>ここに文字を入れる</b></div>
スマホ画面の場合
( ;∀;)スマホにもスクロールバーを表示させてみようと、あれよこれよと試してみたのですが....うまくいきません。
もう少し調べてみます。