使用Div標記居中顯示我的圖表

我正在使用align="center"，但它不起作用，它與左側相同。使用Div標記居中顯示我的圖表

我的代碼如下：

<div align="center"> 
<div class="tree"> 
    <ul> 
     <li> 
      <a href="#">my text</a> 
      <ul> 

       <li> 
        <a href="#">text</a> 
        <ul> 
         <li> 
          <ul> 
           <li> 
            <a href="#">text</a> 
           </li> 
           <li> 
            <a href="#">text</a> 
           </li> 
           <li> 
            <a href="#">text</a> 
           </li> 
          </ul> 
         </li> 
        </ul> 
       </li> 
      </ul> 
     </li> 
    </ul> 
</div> 
</div>

我應該用什麼tag？我希望整個圖表走向中心。

這是輸出https://codepen.io/anon/pen/boQqrg

來源

2017-10-16 antonio

這是很多'li's。你嘗試過'.tree {display：block; margin：auto;}'？ – UncaughtTypeError

Wich標籤代表您的圖表嗎？你應該在你的問題中添加更多的圖表表達細節。 – BigBlast

你可以創建一個JS小提琴或codepen codepen，所以我們可以幫助你更好？ –

我會建議使用margin: auto;如果沒有工作。

另請注意，您可能遇到的一個問題是您使用的是align="center"。使用引號不起作用。

來源

2017-10-16 21:14:28 CyanCoding

我想你不會下注，現在圖表是頁面左側，我希望它走到頁面中心，明白嗎？ – antonio

這是：codepen.io/anon/pen/boQqrg，我想成爲中心 – antonio

我應該在.tree li上刪除float並添加margin: auto至.tree ul。

來源

2017-10-16 21:37:38 antonio

如果你想水平和垂直居中，將它添加到您的UL標籤：

position: absolute; 
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%);

但我建議您查看整個代碼。您正在使用浮動而不進行修復（請閱讀更多here），並導致高度崩潰。

來源

2017-10-17 12:00:44 bojan259

使用Div標記居中顯示我的圖表

回答

相關問題