close

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;}←內層
    • arrow
    arrow
      全站熱搜
      創作者介紹
      創作者 jun431869 的頭像
      jun431869

      二流設計師的小筆記

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

      E-mail轉寄