divを横方向でなく縦方向にオーバーフローさせる方法は？

私は大きなテキストを含むウェブページの小さな部分を持っているので、水平方向ではなく垂直方向に拡大したい、オーバーフローを使用することが可能であることがわかっている：visible | hidden | scroll | auto | initial | inherit; overflow-xとoverflow-yを使って水平方向と垂直方向の両方に配置することができますが、テキストを隠すかスクロールバーを置くという問題は解決しません。彼は水平になっており、これはモバイルデバイスの半画面です。divを横方向でなく縦方向にオーバーフローさせる方法は？

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <div width="50%" style="background-color:red"> 
     asdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss 
    </div> 
</body> 
</html>

テキストはデータベースから来るので、改行や段落で改行することはできません。だれでも助けてくれますか？

出典

2017-07-29 Murkas

word-break: break-all;を使用してテキストをブレーク

：

.container { 
 
    word-break: break-all; 
 
    overflow: auto; 
 
    width: 50vw; 
 
    height: 50vh; 
 
    background-color:red; 
 
}

<div class="container"> 
 
asdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasdssssssssssssssssssssssssssssssssssdddddfsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss 
 
</div>

出典

2017-07-29 17:45:57

overflow-y:scroll;

これは

を行います

出典

2017-07-29 17:46:20 Owais

divを横方向でなく縦方向にオーバーフローさせる方法は？

答えて

関連する問題