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

    集智學習科技股份有限公司 | CWisdom Learning Technology Co., Ltd.

    800高雄市新興區中山二路472號8F-8

    Tel: 07-2157889 / Fax: 07-2157890

    © Copyright since 2019 by CWisdom Learning Technology Co., Ltd.