如果 form application 裡面 layout有多個 block,且其中有50%-50%的block,就會發生不對齊的狀況。
使用 chrome 的檢查,查看產出的 html碼,發現產生的 table 的 align='center',如果改為 'left'就可以對齊!應該是因為 center 的設定,對於不同 block 的寬度來說,就會不一樣了。尤其是 一個橫列中藥有兩個block,分別 50%-50%,他們的 寬度就會產生不一樣的情形!
改善:盡量不要使用一列有兩個以上的block的設計!以免自找麻煩!
由Chrome的檢查中,找到 自定義 的 Application Theme 中,修改 CSS
方法:Layout -> Application Theme -> CSS Editor -> Form -> Table -> Others -> Width: 將95%改為100%
這樣,就不會因為align='center',由於寬度不同標準,而產生無法對齊的情形
沒有留言:
張貼留言