使用blueprintcss製作表單布局

2021-08-29 21:22:24 字數 516 閱讀 1498

在做專案時經常遇到客戶要求把乙個紙質的表單電子化,而且要求盡量和紙質的相一致。我們常用的做法是用html的table套table的做法,遇到複雜的表單就非常難辦了。最近我們做的乙個產品中是通過在視覺化的ide畫線來把表單的框架畫出來,其實執行時是用js來化線實現的。雖然可能比用table套table的方式好了些,不過還是有些缺點的:

今天使用blueprintcss 這個css框架試著做了乙個布局,我覺得很好用,**簡潔,效果也不錯。

上面這個表單子用的了簡單的幾行**:

會議議題:

主持嘉賓:

郭德綱王小丫

小瀋陽與會人員:

參會人員:

補充說明:

記錄員:林沖

負責人:宋江

開會地點:聚義廳

**很容易讀懂,就不解釋了,附上全部的原始碼。

blueprint有個ruby的指令碼檔案,可以做很多自定義,打算有時間定義乙個符合自己需求的版本,主要包括總體的寬度以及合適的單元格寬度。

使用16進製制顏色值

通常情況下我們是直接使用類似於 ee1289這樣的 來直接表示rgb顏色的 uicolor colorwithred 0xee 255.0 green 0x12 255.0 blue 0x89 255.0 alpha 1 這樣呼叫真是太繁瑣了,所以封裝了乙個小方法來直接呼叫 獲取顏色 uicolor...

假如人類使用16進製制

十進位制一直是我心中過不去的一道坎。人類社會使用十進位制已經幾十萬年的歷史了,追根到底它源於遠古智人的手指計數 當十隻手指記不下時就會找其他記號標記乙個 十 接著從1開始再次用手指記錄,以此迴圈。當十根可愛的手指頭在眼前不停晃動,重複最末位的計數,人們也慢慢習慣上了這種進製方式,代代相傳。可不幸的是...

二進位制運算使用

問題 寫乙個函式,求兩個整數之和,要求在函式體內不得使用 四則運算符號。分析 1 二進位制異或將得到他們的非進製部分。2 二進位制相與並左移一位,等效於進製。3 重複上述步驟 知道進製為0.code public int add int num1,int num2 return num1 參考 ww...