已解決430363個問題，去搜搜看，總會有你想問的

使用 flex 將一個 div 放置在另一個 div 下面

首頁猿問使用 flex 將一個 div...

使用 flex 將一個 div 放置在另一個 div 下面

Html5

慕桂英3389331 2023-11-13 14:40:16

我想將（標題、元和內容）放在照片 div 旁邊。使用顯示柔性例子<div class="container"> <div class="photo"><img src="demo.jpg"></div> <div class="title">Lorem ipsum dolor sit amet,</p></div> <div class="meta">Apr 7, 2020</p></div> <div class="content"><p>Lorem ipsum dolor sit amet, </p></div></div>

查看完整描述

3 回答

桃花長相依

TA貢獻1860條經驗獲得超8個贊

將容器 css 設置為類似以下內容：

<style>

? ? .container{

? ? ? ? display:flex;

? ? ? ? flex-direction: column;

? ? }

</style>

反對回復 2023-11-13

青春有我

TA貢獻1784條經驗獲得超8個贊

Flexbox是通過簡單地給父元素賦予flex的顯示來實現的。在你的例子中，父元素是帶有容器類的div。

<div class="title"><p>Lorem ipsum dolor sit amet,</p></div>

<div class="content"><p>Lorem ipsum dolor sit amet, </p></div>

</div>

在 .css 文件中，為 .container 類提供 flex 的顯示。

.container {

display: flex

}

反對回復 2023-11-13

慕的地10843

TA貢獻1785條經驗獲得超8個贊

你可以做類似的事情

將“標題”、“元”、“內容”div 放入包裝器內。
所以“容器”里面會有兩個div
然后交給display: flex“容器”。

你的代碼看起來像

<div>

<div class="title">Lorem ipsum dolor sit amet,</p></div>

<div class="content"><p>Lorem ipsum dolor sit amet, </p></div>

</div>

反對回復 2023-11-13

3 回答
0 關注
153 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用 flex 將一個 div 放置在另一個 div 下面

使用 flex 將一個 div 放置在另一個 div 下面

3 回答

添加回答