span在單行中顯示的元素

我在div中創建了span元素。span在單行中顯示的元素

<div id="maindiv" style="max-width: 50%;margin: auto;"> 
<span id="span1">span1</span> 
<span id="span2">span2</span> 
<span id="span3">span3</span> 
<span id="span4">span4</span> 
<span id="span5">span5</span> 
<span id="span6">span6</span> 
<span id="span7">span7</span> 
<span id="span8">span8</span> 
<span id="span9">span9</span> 
<span id="span10">span10</span> 
<span id="span11">span11</span> 
<span id="span12">span12</span> 
<span id="span13">span13</span> 
<span id="span14">span14</span> 
<span id="span15">span15</span> 
<span id="span16">span16</span> 
<span id="span17">span17</span> 
<span id="span18">span18</span> 
<span id="span19">span19</span> 
<span id="span20">span20</span>

問題是在股利中心，但在像總結word.scroll第二線在單一線未示出跨度示於跨度標籤水平

來源

2017-07-20 Bilal Siddiq

你想在自己的行每個跨度？ – sol

span是一個內聯元素，難怪。如果你想要他們在dif。線，使用HTML塊級元素，（DIV或P）或可能使用Flexbox，就在你的#maindiv

#maindiv{ 
    display: flex; 
    flex-direction: column; 
}

來源

2017-07-20 08:07:44

使用此一個跨度元素顯示在一行中。 –

我的問題是，如果主要的div寬度完成跨度元素移動在下一行 –

你想要像這樣的產卵？ div {display：flex; 溢出：滾動; } –

寫CSS等

span{ 
    display:block; 
}

來源

2017-07-20 08:07:29

顯示塊顯示一行中唯一的一個跨度元素。 –

我的問題是，如果div寬度完成跨度元素移動在下一行 –

如果你給範圍標記顯示塊屬性，然後所有範圍標記來自己的行 –

嘗試使用這樣的：

span{ 
     display:inline; 
    }

來源

2017-07-20 08:37:04 Super

span在單行中顯示的元素

回答

相關問題