首页 HTML/CSS CheckBox和Text文字不在同一行的解决方案

CheckBox和Text文字不在同一行的解决方案

作者:胡同里的砖头 围观群众:1376 更新于:2013-12-19

三种原因,自己看自己属于哪种

例:

<div id="testdiv">
<asp:CheckBox ID="CheckBox1" runat="server" Text="赠送" />
</div>

解决方案一:
看下你的CheckBox外面的容器宽度是否是固定的太小了,导至里面内容放不下而换行

解决方案二:
试着给CheckBox加Width属性<asp:CheckBox ID="CheckBox1" runat="server" Text="赠送" width="100px" />试试

解决方案三:
看下你的css文件里面有没有
#testdiv input{………………}
如果有的话,把上述的css改为
#testdiv input[type='text']{………………}限制只有text文本框才能引用此样式,根据自己需要改type,因为CheckBox也是input

希望能解决您的头疼问题

  • 本文标题: CheckBox和Text文字不在同一行的解决方案
  • 文章分类:【HTML/CSS】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8