<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row post"> <div class="col-xs-6"> <img src="https://placem.at/things?w=650&random=1" class="img-responsive"> <p> 雖然現在使用E-mail往來較為頻繁，但有些時候，還是需要使用到「傳真」這個功能。不過現在大部份的家裡都不會有傳真機，而到便利商店去傳真的話，又要花錢。如果一個月要傳個幾次的話，總會覺得有點心疼的感覺。現在有個網站可以讓大家線上直接傳真，而且一個月可以提供傳10次都不用花錢喔!!!真的省不少呢。那就是「FAX.PLUS」。只需要註冊一個帳號，就可以每個月免費線上傳真10次喔。除了線上傳真之外，他也有提供手機APP可使用，走在路上就能傳，不用擔心還要找便利商店的問題喔。 </p> </div> <div class="col-xs-6"> <img src="https://placem.at/places?w=650&random=2" class="img-responsive"> <p> 在網頁中，我們可使用Cookie小餅乾來記錄一些使用者的簡單設定，比方像是會員登入、關閉廣告、點選選單....等，並將這一個值記錄後，儲存在使用的瀏覽器中，而最常被拿來使用的，就是記錄廣告的開關，因此當使用者下次造訪時，就可以直接讀取Cookie中的資訊，看是否要跳廣告，同時Cookie也可以設定儲存的時間，當時間一到後，也會自動將設定值給清除。 </p> </div> </div> </div>

.post{ margin-top:30px; } .post div{ border:solid 1px #ccc; padding:20px; } p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 24px; height: 72px; }