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) 人氣()