學習目標: 利用表格編排圖片及文字,來滿足不同裝置的閱讀
 
由於行動裝置的版面寬度和電腦不同 (如下圖),因此在圖片和文字的編排上要同時滿足不同用裝置的閱讀,需要一點技巧。
 
6e8e8e94b92f221e915697a042248c63.png
Keypoint
  1. 1.
    設計版面
    以左圖右文的網頁編排為例,可以在編輯器上點擊 5afec4f170b21.png 圖示並插入 3x3 的表格。
  2. 2.
    設定欄位寬度
    可以透過表格的欄位寬度來固定圖片及文字的位罝,在「儲存格上按右鍵 > 儲存格 > 儲存格屬性」進入設定,例如各欄位的寬度可以設定成:
    1. 第一欄: 圖片,30%
    2. 第二欄: 間距,10px
    3. 第三欄: 文字,不設定寬度
  3. 3.
    隱藏表格框線
    在表格上按右鍵,選擇「表格屬性」並將「框線大小」設為 0。

     
    Location
    Folder name
    知識中心 (fms) 手冊
    Uploaded by
    蘇德宙
    Division
    專案部
    Create
    2017-11-03 10:27:48
    Update
    2019-03-05 15:26:53
    Browse
    1,276