CSS / 解決div區塊設定為 display:inline-block 無法置中

 

  • #myDiv
  • {
  • display: table;
  • margin: 0 auto;
  • }

    • 1. inline-block改為table

  • CSS Code
  • #myDiv {display: table;margin: 0 auto;}
  • #outerDiv {text-align: center;}
  • #myDiv
  • {
  • display: inline-block;
  • text-align: left;
  • }

    • 2. 於目標div外在包覆一層，透過外層設定文字置中

  • CSS Code
  • #outerDiv {text-align: center;}←最外層DIV
    #myDiv {display: inline-block;text-align; left;}←內層
    • 文章標籤
    全站熱搜
    創作者介紹
    創作者 jun431869 的頭像
    jun431869

    二流設計師的小筆記

    jun431869 發表在 痞客邦 留言(0) 人氣(2,026)