您的当前位置:首页正文

兄弟元素在一行横排的三种方法

来源:花图问答
Example:
<li class="td-td-info">
    <!--  <span></span>可使得兄弟元素横排 -->
    <a 
    <textarea rows="5" cols="30">请输入商品介绍信息</textarea>
</li>
Q&S

<a/>和<textarea/>兄弟元素要在同一行横排,css 如何布局,或者html 该如何写?


解决方法:

一、HTML 布局方式解决
<li class="td-td-info">
    <!--  <span></span>可使得兄弟元素横排 -->
      <span><a 
    <span><textarea rows="5" cols="30">请输入商品介绍信息</textarea></span>
 </li>

二、css 样式解决
.td-td-info a ,.td-td-info textarea {
  float: left;
  list-style: none;
 /*display: inline-block;*/
}
.td-td-info a ,.td-td-info textarea {
 display: inline;
}