
如上圖所示,列表使用bootstrap做排版是一件很方便的事情,但會遇到一些狀況,如果其中一個list的內容較多時,變會有上圖2紅框所示的跑版狀況,通常這時會有好幾種解法,可以用css的overflow:hidden;或者是javascript的鎖字數達到每個list的高度是一致的;
但......有時候客戶並無法接受,為何我在後台新增的字不見?
經過講解後又無法接受時就可以用以下方法。
這是本來的HTML程式碼:
<section>

如上圖所示,列表使用bootstrap做排版是一件很方便的事情,但會遇到一些狀況,如果其中一個list的內容較多時,變會有上圖2紅框所示的跑版狀況,通常這時會有好幾種解法,可以用css的overflow:hidden;或者是javascript的鎖字數達到每個list的高度是一致的;
但......有時候客戶並無法接受,為何我在後台新增的字不見?
經過講解後又無法接受時就可以用以下方法。
這是本來的HTML程式碼:
<section>
目前是在六角學院的線上課程學習Javascript,以下是學習整理:
var price = 30 ;
這一段常常在javascript看見,簡單來說他的意思是: 宣告一個price變數,他的值為30。
var price = 30;
(宣告) (變數名稱) (為) (數字)
基本上來說,變數都有一個名稱,並賦於一個值。
變數可以保存 數字: var h = 5; 宣告一個h的變數,並賦於5這個值;
變數可以保存字串;
var englishName = "Billy"; 宣告一個englishName 的變數,並賦於字串"Billy";
變數可以是布林值:
參考https://www.openfoundry.org/tw/tech-column/9233-css3-animation
主要兩個 CSS3 在動畫的屬性: Transition 與 Animation
Transition 實際練習: