溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享的是css把縱向排列變成橫向的方法，很多人都不太了解，今天小編為了讓大家更加了解，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。
這兩種方法都很好，但如果你想鏈接到具有相同的大小，你必須使用浮動的方法。
內聯列表項
建立一個橫向導航欄的方法之一是指定元素，
實例
li{
display:inline;
}display:inline; -默認情況下，<li>元素是塊元素。在這里，我們刪除換行符之前和之后每個列表項，以顯示一行。
浮動列表項
在上面的例子中鏈接有不同的寬度。
對于所有的鏈接寬度相等，浮動 <li>元素，并指定為 <a>元素的寬度：
實例
li{
float:left;
}
a{
display:block;
width:60px;
}float:left - 使用浮動塊元素的幻燈片彼此相鄰
display:block - 顯示塊元素的鏈接，讓整體變為可點擊鏈接區域（不只是文本），它允許我們指定寬度
width:60px - 塊元素默認情況下是最大寬度。我們要指定一個60像素的寬度
關于css把縱向排列變成橫向的方法就分享到這里了，當然并不止以上和大家分析的辦法，不過小編可以保證其準確性是絕對沒問題的。希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
