在 CSS 中,使用 display 屬性將元素的布局屬性更改為 inline 可以讓元素在同一行內顯示。例如,我們可以使用以下代碼將兩個框框放在同一行內:
p { display: inline; }假設我們有兩個 div,分別是 div1 和 div2。如果想讓這兩個 div 在同一行內顯示,我們可以為兩個 div 分別添加 display: inline 屬性,代碼如下:
.div1, .div2 { display: inline; }如果我們想讓布局更加靈活,我們可以使用 flexbox。Flexbox 是一種 CSS 布局模式,它可以讓我們更加方便地控制元素之間的間距、對齊方式等,從而實現更加靈活的布局。例如,我們可以使用以下代碼讓兩個 div 在同一行內居中顯示:
.container { display: flex; align-items: center; justify-content: center; } .div1, .div2 { margin: 0 10px; }以上代碼將使用 Align-items 和 justify-content 屬性將 container 元素內的 div1 和 div2 元素在同一行居中顯示,同時設置了 margin 屬性,以便為兩個 div 之間提供一些間距。 總之,使用 display 屬性或者 flexbox,可以非常方便地讓元素在同一行內顯示,從而實現更加靈活的布局。