フロントエンドhtml文字divで自動改行を実現するには

フロントエンドスタイルを書くときにdivで文字が自動的に改行されず、手動で
ラベルを追加して改行するのは面倒で需要に合わないことに気づいた.そこで今日は、divで文字を自動的に改行するのに便利なcssコードをお勧めします.その中で触れたcss属性についても紹介した.

style="white-space:normal; word-break:break-all;overflow:hidden;"

CSS

white-spaceプロパティ

  ：            。
    normal	  。         。
	pre	         。        HTML   “ 
   。
	nowrap	      ，           ，     
     。
	pre-wrap	       ，         。
	pre-line	       ，       。
	inherit	           white-space     。
  
word-breakプロパティ
  
  ：           。
	normal	            。
	break-all	        。
	keep-all	              。
  
overflowプロパティ
  
  ：                。
	visible	   。       ，         。
	hidden	      ，           。
	scroll	      ，                    。
	auto	       ，                   。
	inherit	           overflow     。