第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

使用 flex 將一個(gè) div 放置在另一個(gè) div 下面

使用 flex 將一個(gè) div 放置在另一個(gè) div 下面

慕桂英3389331 2023-11-13 14:40:16
我想將（標(biāo)題、元和內(nèi)容）放在照片 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 回答

?
桃花長(zhǎng)相依

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊

將容器 css 設(shè)置為類(lèi)似以下內(nèi)容：


<style>

? ? .container{

? ? ? ? display:flex;

? ? ? ? flex-direction: column;

? ? }

</style>



查看完整回答
反對(duì) 回復(fù) 2023-11-13
?
青春有我

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊

Flexbox是通過(guò)簡(jiǎn)單地給父元素賦予flex的顯示來(lái)實(shí)現(xiàn)的。在你的例子中，父元素是帶有容器類(lèi)的div。


<div class="container">

  <div class="photo"><img src="demo.jpg"></div>

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

  <div class="meta"><p>Apr 7, 2020</p></div>

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

</div>


在 .css 文件中，為 .container 類(lèi)提供 flex 的顯示。


.container {

  display: flex

}


查看完整回答
反對(duì) 回復(fù) 2023-11-13
?
慕的地10843

TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超8個(gè)贊

你可以做類(lèi)似的事情

  • 將“標(biāo)題”、“元”、“內(nèi)容”div 放入包裝器內(nèi)。

  • 所以“容器”里面會(huì)有兩個(gè)div

  • 然后交給display: flex“容器”。

你的代碼看起來(lái)像

  <div class="container">

     <div class="photo"><img src="demo.jpg"></div>

     <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>

   </div>


查看完整回答
反對(duì) 回復(fù) 2023-11-13
  • 3 回答
  • 0 關(guān)注
  • 148 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)