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

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

如何使這個(gè) <span> 總是相同的寬度,不管里面是什么?

如何使這個(gè) <span> 總是相同的寬度,不管里面是什么?

眼眸繁星 2022-07-21 22:17:05
好吧,我已經(jīng)動(dòng)態(tài)生成了 html,我將 1-6 個(gè)縮放的 svgs 分配為 a 的子級(jí)??缍扰c其他 2 個(gè)跨度內(nèi)聯(lián),如下所示:我希望所有這些“框”都具有相同的寬度,因?yàn)樗鼈兇嬖谟诰W(wǎng)格中,但是由于 svg 的數(shù)量不同(有時(shí)沒有,有時(shí)是 6 個(gè)),尺寸不同。我試圖做的是將 svg 父寬度定義為 100px 無論如何,但這不起作用。我有的:var html = '<div id = "innerCal">';html += '<div class = "calCell"><span>[</span><span style = "width 100px; display: inline-block">';        html += svg; //varies        html += '</span><span>]</span><h2>'+key+'</h2></div>';#innerCal {        position: absolute;            top: 0;            bottom: 0;            left: 0;            right: -17px; /* Increase/Decrease this value for cross-browser compatibility */            overflow-y: scroll;            text-align: center;    }.calCell {    display: inline-block;    width: 100px;margin-bottom: -40px;}.calCell > span > svg {display: inline-block;transform: translate(0px, 30px);}.calCell > h2 {    text-transform: uppercase;    opacity: 0;    font-weight: 400;}在我設(shè)置的 svgs 中可以在這里設(shè)置寬度:svg += `<svg width = "20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 447 443"><defs><filter x="-50%" y="-50%" width="200%" height="200%" id="Blur${i}"><feGaussianBlur stdDeviation="${gauss}" /></filter><g id="Img${i}"><path class="cls-1" d="M202.76,281.72a67.53,67.53,0,0,0,68.67-42.57,66.32,66.32,0,0,0-21.66-76.4,60.38,60.38,0,0,0-75.51,1.82c-11.79,9.87-17.32,23.53-20.44,38.24-1.69,7.94-3.74,16.27-2.77,24.42a30,30,0,0,0,10.2,18.91c12.69,11.33,32.11,19.47,49.24,18.39,15.38-1,29.86-9.82,35.21-24.65,2.17-6-7.43-8.62-9.58-2.64-3.75,10.42-15,16.68-25.63,17.35-13.55.86-27.15-4.91-38.19-12.38-5.07-3.43-9.73-8-11.11-14.15-1.48-6.69.4-13.84,1.74-20.39,2.6-12.63,6.14-24.55,15.69-33.69a50.21,50.21,0,0,1,61.73-5.74c20.3,12.94,29.65,37.62,23.84,60.86-6.89,27.54-33.4,45.3-61.43,42.68-6.36-.59-6.32,9.35,0,9.94Z"/></g></defs><use style="fill:${color};" filter="url(#Blur${i})" xlink:href="#Img${i}"transform="translate(0,0)"/><use style="fill:${fillColor};" xlink:href="#Img${i}"/></svg>`; 我該怎么做才能使盒子的寬度始終相同?我當(dāng)然也可以動(dòng)態(tài)改變 svg 的寬度?,F(xiàn)在 svgs 正在堆疊,盡管 display: inline-block
查看完整描述

1 回答

?
Cats萌萌

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

嘗試這個(gè):


#yourSpanElement {

    display: inline-block;

    overflow: hidden;

    width: 50px;

}


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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