認沽DIV和輸入內部鏈接

同一行我已經在列表中這個環節裏面一些投入：認沽DIV和輸入內部鏈接

<ul class="code__list"> 
    <li class="code__item"> <a class="code__link private" href="#">Test1<b><input type="text" class="intercomInput forCode" name="clientCode" value="1234"></b><div>Test2</div></a> 

    </li> 
</ul>

如何將其放置在一排？ Fiddle

來源

2014-10-01 Sergey Scopin

替換您div與span，或CSS display屬性設置爲如下inline或inline-block。

<ul class="code__list"> 
    <li class="code__item"> 
     <a class="code__link private" href="#">Test1 
      <b> 
       <input type="text" class="intercomInput forCode" name="clientCode" value="1234"> 
      </b> 
      <div style="display: inline-block">Test2</div> 
     </a> 
    </li> 
</ul>

來源

2014-10-01 04:00:06

好。使用內聯塊。我會在11分鐘內接受你的回覆。 – 2014-10-01 04:01:23

@SergeyScopin爲什麼11分鐘？：P – Leo 2014-10-01 04:01:55

因爲我以前不能接受：D – 2014-10-01 04:15:00

而不是使用div可以使用span，因爲div是block元素，跨度inline的，這就是爲什麼你的內容是不是在一行中顯示。

試試這個：

<ul class="code__list"> 
    <li class="code__item"> <a class="code__link private" href="#">Test1<b><input type="text" class="intercomInput forCode" name="clientCode" value="1234"></b><span>Test2</span></a> 

    </li> 
</ul>

Updated Demo

來源

2014-10-01 03:58:50 Manwal

在您的演示中，它們不在同一行。 – 2014-10-01 03:59:52

認沽DIV和輸入內部鏈接

回答

相關問題