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

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

如何使超鏈接顯示在不同的行

如何使超鏈接顯示在不同的行

當(dāng)年話下 2023-07-20 09:44:42
您好,我正在制作一個(gè)圖書網(wǎng)站,我嘗試使用 href 添加超鏈接,但它出現(xiàn)在同一行中,有什么方法可以使其顯示在不同的行中嗎?這是它現(xiàn)在的顯示方式const petsData = [{? name: "Story Book",? species: "Jean Lumier",? favFoods: ["wet food", "dry food", "<strong>any</strong> food"],? birthYear: 2016,? href: "https://media.sproutsocial.com/uploads/2017/02/10x-featured-social-media-image-size.png",? photo: "https://nice-assets.s3-accelerate.amazonaws.com/smart_templates/e639b9513adc63d37ee4f577433b787b/assets/wn5u193mcjesm2ycxacaltq8jdu68kmu.jpg"},{? name: "Barksalot",? species: "Dog",? href:"https://www.amazon.in/Redmi-9A-2GB-32GB-Storage/dp/B08696XB4B/ref=gbph_img_m-2_0ec7_a9c5af13?smid=A23AODI1X2CEAE&pf_rd_p=cbec21a0-e969-48e2-8697-caf621220ec7&pf_rd_s=merchandised-search-2&pf_rd_t=101&pf_rd_i=1389401031&pf_rd_m=A1VBAL9TL5WCBF&pf_rd_r=7N08PRZ1WREYVED1R3Q4",? birthYear: 2008,? photo: "https://learnwebcode.github.io/json-example/images/dog-1.jpg"},{? name: "Meowsalot",? species: "Cat",? favFoods: ["tuna", "catnip", "celery"],? birthYear: 2012,? photo: "https://learnwebcode.github.io/json-example/images/cat-1.jpg"}];//empty space thing (?)function petTemplate(pet) {??return `<div class ="image-grid">? ?<div class="animal">? ?? ? ? <img class="pet-photo " src="${pet.photo}">? ? ?? ? ??? ? ? <div class="olay">? ? ??? ? ??? ? ? <h2 class="pet-name">${pet.name}? ? ? //href here? ? ? <h1 class="species">${pet.species}? ? ? <a href= ${pet.href}> Read Reviews</a>? ? ??? ? ??? ? ??? ? ??? ? ? ?<div></div></div>? ? ? </div>? ?</div>??`;}(抱歉英語(yǔ)不是我的主要語(yǔ)言)
查看完整描述

3 回答

?
森欄

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

有幾種簡(jiǎn)單的方法可以實(shí)現(xiàn)這一目標(biāo):

也許很容易將鏈接包裝在 div 中

<div><a href= ${pet.href}> Read Reviews</a></div>

br另一種選擇是在鏈接之前添加標(biāo)簽<a href= ${pet.href}> Read Reviews</a>

完成任務(wù)的最標(biāo)準(zhǔn)方法可能是在 CSS 樣式中使用 Flexbox。


查看完整回答
反對(duì) 回復(fù) 2023-07-20
?
慕娘9325324

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

嘗試這個(gè)


<div class ="image-grid">

   <div class="animal">

   

      <img class="pet-photo " src="${pet.photo}">

     

      

      <div class="olay">

      

      

      <h2 class="pet-name">${pet.name} </h2>

      //href here

      <h1 class="species">${pet.species} </h1>

      <a href= ${pet.href}> Read Reviews</a>

      

      </div>

      

      

       

      </div>

   </div>

或者你可以將h2,h1和a標(biāo)簽放在自己的 div 中


查看完整回答
反對(duì) 回復(fù) 2023-07-20
?
三國(guó)紛爭(zhēng)

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

你必須關(guān)閉你的<h1>and<h2>標(biāo)簽(用</h1>and </h2>,而不是用</div>?。?/p>



查看完整回答
反對(duì) 回復(fù) 2023-07-20
  • 3 回答
  • 0 關(guān)注
  • 198 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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