认沽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和输入内部链接

回答

相关问题