學習目標: 利用表格編排圖片及文字,來滿足不同裝置的閱讀
 
由於行動裝置的版面寬度和電腦不同 (如下圖),因此在圖片和文字的編排上要同時滿足不同用裝置的閱讀,需要一點技巧。
 
6e8e8e94b92f221e915697a042248c63.png
重點
  1. 1.
    設計版面
    以左圖右文的網頁編排為例,可以在編輯器上點擊 5afec4f170b21.png 圖示並插入 3x3 的表格。
    d780ad8eec76e76893c8a7427e5e5f66_thumb.png
  2. 2.
    設定欄位寬度
    可以透過表格的欄位寬度來固定圖片及文字的位罝,在「儲存格上按右鍵 > 儲存格 > 儲存格屬性」進入設定,例如各欄位的寬度可以設定成:
    1. 第一欄: 圖片,30%
    2. 第二欄: 間距,10px
    3. 第三欄: 文字,不設定寬度
    8bfe9f8f30759aab7991f9a316da10b6_thumb.png
  3. 3.
    隱藏表格框線
    在表格上按右鍵,選擇「表格屬性」並將「框線大小」設為 0。
    位置
    資料夾名稱
    km+ 自媒體知識共享平台線上說明
    發表人
    集智學習科技客服
    單位
    集智學習科技官方網站
    建立
    2019-11-07 17:56:07
    最近修訂
    2019-11-07 17:57:24
    1. 1.
      快速入門
    2. 2.
      功能、名詞解釋、權限
    3. 3.
      建立內容
    4. 4.
      整理與查詢內容
    5. 5.
      文件維護、審核
    6. 6.
      實用的小技巧
    7. 7.
      應用 ~ 知識管理