<menu id="ocigx"><listing id="ocigx"><em id="ocigx"></em></listing></menu><em id="ocigx"><track id="ocigx"><strong id="ocigx"></strong></track></em>
<ins id="ocigx"></ins>

<samp id="ocigx"></samp>

<mark id="ocigx"><ruby id="ocigx"><legend id="ocigx"></legend></ruby></mark><bdo id="ocigx"></bdo>
      <kbd id="ocigx"></kbd>
      首頁 > 設計 > 軟件應用 > 正文

      DreamWeaver文字怎么居中對齊? dw垂直居中對齊的技巧

      2019-10-27 18:48:04
      字體:
      來源:轉載
      供稿:網友

      DreamWeaver中的文字想要實現居中對齊,該怎么局長呢?下面我們就來看看詳細的教程。

       

      軟件名稱:
      Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解補丁+安裝教程) 64位
      軟件大?。?/dt>
      758MB
      更新時間:
      2016-11-05

       

      1、打開DreamWeaer軟件,在body標簽中間點擊一下,調出文字輸入框

      DreamWeaver,文字

      2、然后輸入div標簽,如下圖所示

      DreamWeaver,文字

      3、在head標簽中,輸入style標簽

      DreamWeaver,文字

      4、在style標簽中添加div的屬性設置:width:100px;height:100xp;background-color:red;寬:100px;高:100px;背景色為紅色。如下圖所示

      DreamWeaver,文字

      5、點擊拆分,查看效果

      DreamWeaver,文字

      6、然后繼續在屬性中輸入text-align:center;文字水平居中對齊

      DreamWeaver,文字

      7、對于垂直居中對齊,這里運用行高的關系,整個圖形的高度為100px;如果字體的行高也設置為100px,那么文字就在中間了。

      代碼是line-height:100px;

      DreamWeaver,文字

      8、最后將文件保存。

      DreamWeaver,文字

      9、在瀏覽器中打開就是這樣的。如下圖所示。

      DreamWeaver,文字

      以上就是dw垂直居中對齊的技巧,希望大家喜歡,請繼續關注CuoXin錯新網。


      注:相關教程知識閱讀請移步到Dreamweaver教程頻道。
      發表評論 共有條評論
      用戶名: 密碼:
      驗證碼: 匿名發表