跟著網站做~梅問題教學網(文字斷行)

 感謝梅老師的分享，之前有上過他的課，很棒~~

這邊是記錄一些平常也有用的技巧~~

• 如何將Youtube影片，嵌入網頁後並支援RWD自適應調整播放框尺寸
  因為YT可以width =100%，但height不能。所以要計算出hieght的比例，就用YT給的560/315=0.5625，所以height就給56.25%。最後讓YT的IFRAME 緊貼DIV。(realtive與absolute的關係)

• 讓英文字元自動斷行
  有時貼上文字後，網頁會被撐寬，所以就利用此方法。
  word-wrap: break-word;
  word-break: break-all;
  20240102，遇到狀況，"網址包著連結" ，竟然無法斷行。
  感謝EVA分享，style="display:block; width:700px; white-space:pre-line; word-break: break-all; " ，成功。

• 上面的white-space:pre-line; 會讓 <br> 也跳行，<p>則是直接兩行。