最初の項目の幅に応じて余白を左に設定する

私はウィジェットを使用しています。それは自動html要素を生成し、私は自分ですべての単一のCSSを変更する必要があります。最初の項目の幅に応じて余白を左に設定する

コードをスニップすると、spanという2つの要素が1つの行に表示されます。しかし、最初の要素に長い文が含まれている場合、第2のspanは最初の要素の幅で整列しません。どのように私はそれを設定することができますか？

.remove-dot { 
 
    list-style-type: none; 
 
} 
 

 
.display-list-item { 
 
    display: list-item 
 
}

<span class="remove-dot display-list-item">test</span> 
 
<span class="remove-dot display-list-item" style="margin-top: -17px; margin-left: 35px;">another span</span> 
 
<br /> 
 
<span class="remove-dot display-list-item">second first span with long width</span> 
 
<span class="remove-dot display-list-item" style="margin-top: -17px; margin-left: 35px;">another span</span>

出典

2017-01-17 Eniss

最も近い親要素のHTMLマークアップは何ですか？ –

実際には、、、という自動

が作成されるので、の位置を編集します。 – Eniss

あなたに従っていないので、あなたの 'span'は''の中にありますか？ –

答えて

あなただけ

.display-list-item { 
    display: list-item 
}

を削除したり、削除できない場合Banzayはすでにコメントで述べたように、それはあなたがそれを変更することができます。

display: inline-block;

次に、あなたのスパンはここのように一列にしている：あなたはこのよう

.remove-dot { 
 
    list-style-type: none; 
 
}

<span class="remove-dot display-list-item">test</span> 
 
<span class="remove-dot display-list-item" style="margin-top: -17px; margin-left: 35px;">another span</span> 
 
<br /> 
 
<span class="remove-dot display-list-item">second first span with long width</span> 
 
<span class="remove-dot display-list-item" style="margin-top: -17px; margin-left: 35px;">another span</span>

出典

2017-01-17 12:14:21 theoretisch

探しています？


 

 
div{ 
 
     float:left; 
 
    } 
 
    .remove-dot { 
 
     list-style-type: none; 
 
    }


 

 
<div> 
 
    <span class="remove-dot display-list-item">test1</span></br> 
 
<span class="remove-dot display-list-item">second first span with long width</span> 
 
    </div> 
 
<div> 
 
    <span class="remove-dot display-list-item" style="margin-top: -17px; margin-left: 35px;">test2</span></br> 
 
    <span class="remove-dot display-list-item" style="margin-top: -17px; margin-left: 35px;">another span</span> 
 
</div>

出典

2017-01-17 12:28:02 Darshak

最初の項目の幅に応じて余白を左に設定する

答えて

関連する問題