您好,欢迎来到化拓教育网。
搜索
您的当前位置:首页兄弟元素在一行横排的三种方法

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

来源:化拓教育网
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;
}

Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务