用 CSS 讓過長溢出的字省略變 ...

用 CSS 讓過長溢出的字省略變 ...
CSS

div {
  /*紅色三個設定都要有*/
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 240px;
}


參考資料:https://blog.xuite.net/vexed/tech/22596484-%E7%94%A8+CSS+%E8%AE%93%E9%81%8E%E9%95%B7%E6%BA%A2%E5%87%BA%E7%9A%84%E5%AD%97%E7%9C%81%E7%95%A5%E8%AE%8A+?fbclid=IwAR0GdiY8UYqsHD6bf_Lq7u-5nPFjBih-ZbxVSiM0ZpaFY8dtIA2e5Rxvzxk





































留言











張貼留言































這個網誌中的熱門文章









PHP讀資料庫的資料，保留換行及空格





















PHP讀資料庫的資料，保留換行   參考網址: http://www.wibibi.com/info.php?tid=323  PHP nl2br 函式會在字串中的「行」之前加上  HTML 換行 標籤 <br> 讓瀏覽器正確顯示換行排版，而不是每一行都連在一起。通常用於當輸入端在網頁的文字輸入欄位  textarea  輸入含有換行文字段落，存入資料庫後，代表換行的符號如「\n」也會存入資料庫中，但是當 PHP 從資料庫中將資料讀取出來，顯示於網頁時，並不會自動換行，這時候就必須用 nl2br 函式將字串的「\n」先轉換為  HTML 換行 標籤。   PHP nl2br 基本語法    nl2br( $string )   語法小括號中的字串 $string 為必填項目，就是要轉換的字串，nl2br 可以判斷的換行符號如  \r\n 、 \n\r 、 \n  與  \r ，遇到字串中有這些符號的時候，nl2br 便會將其轉換為 <br>、<br/> 或 </br> 標籤，並返回轉換結果。   PHP nl2br 範例   <?php  $new_string = "Welcome to Wibibi.\nIt was a very nice day.";  echo  nl2br ($new_string);  ?>  以上輸出網頁結果   Welcome to Wibibi.  It was a very nice day.  檢視程式碼   Welcome to Wibibi. <br />  It was a very nice day.     --------------------------------------------------------------------------------------------------------------------------   PHP讀資料庫的資料，保留空格    參考網址: https://codeday.me/bug/20180309/141593.html   使用<pre></pre>標籤包住內容即可。








閱讀完整內容










CSS animation 簡寫&好用的工具





















▼css animation 簡寫:  animation: saleChange 2s 1s infinite;  -webkit-animation: saleChange 2s 1s infinite;   ▼CSS animation 好用的工具教學:  一些好用工具的教學可參考以下影片( Big Boy Can Code )  https://www.youtube.com/watch?v=Y4xBYZJSvuM&t=13s   ▼CSS animation 好用的工具:  animate.css: https://daneden.github.io/animate.css/   animista: https://animista.net/   keyframes.app: https://keyframes.app/








閱讀完整內容










使陣列裡的數值隨機重新排序





















.▼放置全域  var new_arr = [];//定義一個新陣列，作為產生亂數時存放用  .  .  .  .  .  ▼function內  var arr = [1,2,3,4,1,2,3,4,1,2,3,4];        arr.sort(randomSort);         new_arr.push(arr);//塞入陣列裡  .  .  .  .  .▼取得隨機號碼給sort()重新排列  function randomSort(a, b) {   return Math.random() > 0.5 ? -1 : 1;  }  .  .  .  .  .▼清空陣列  new_arr.length = 0;








閱讀完整內容