James's Blog

Preface 在HTML的element中都有一個預設的display屬性，有的是Inline，有的是Block，可以用它來達到我們想要的排版 Block 會開始新的一行 block的element會佔滿畫面寬度(根據他的container) 可以設定長寬、margin、padding 水平與垂直寬度長度由內容決定 Inline 不可設定寬、高 只會佔只會占用它所必需的寬度，所以inline的element可以在同一行 top and bottom margin/padding沒有作用 Inline-block 可以水平排列 可設定寬高 block是相黏再一起，inline-block則不會，請參考W3C reference CSS教學-關於display:inline、block、inline-block的差別 - YTCLion HTML Block and Inline Elements - W3C Block-level elements - MDN Inline elements - MDN CSS Layout - display: inline-bl ...

定義 用來指定element的定位方式 static(default) normal flow，top,bottom,left and right properties no effect. relative： moving it relative to its position in normal flow fixed it fixes an element relative to the browser viewport. absolute moves an element completely out of the page’s normal layout flow ,like it is setting on its own separte layer. it is positioned relative to the nearest positioned ancestor(instead of position relative to the viewport,like fixed) note：A positioned element is ...

定義 CSS Overflow porperty是用來控制當內容太多無法放入該區域時該如何處理的property visible：不管容器了顯示就對了 hidden：太多的隱藏 scroll：來個捲軸吧 auto：自動判斷，太多的時候就會有捲軸 Note 只適用在block element有特定高度的情況下 reference CSS Overflow - W3C reference How do I make an HTML button not reload the page - stack overflow HTML <button> type Attribute - w3c school

Memo RPA survey

Tell u how to create table of content in Word

為何form表單中的button點擊後會重新載入頁面問題研究

利用樞紐分析計算平均工時

處理iReport閃退問題