html-css表单的margin-right/padding-right属性设置无效解决办法
2017-09-01 21:53
816 查看
博主原来一开始是想实现form标签中的input元素离浏览器的右边界有一定距离的效果,但是无论我在input的css中调margin-right还是在form中调padding-right都不能实现前面说的效果,后来博主改变思路用div来包裹input在调padding还是不行,我擦。于是我在改变思路用table来包裹,然后再调padding,嘿,这下可以了。
调整失败的代码
调整成功后的代码
调整失败的代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> <style> #func{ width:100%; padding:0px 200px 0px 0px; text-align="center" } .address{ width:100%; font-size:50px; } #query{ width:20%; font-size:50px; margin:0px auto 0px aut0; } </style> </head> <body> <?php function onChange(){ echo "alert('hello world')"; } ?> <form> <div id="func" > <input class="address" type="text" onclick="<?php onChange()?>" value="始发站"/> <input class="address" type="text" onclick="<?php onChange()?>" value="终点站"/> <input id="query" type="submit" value="查询"/> </div> </form> </body> </html>
调整成功后的代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> <style> #func{ width:100%; padding:0px 20px 0px 0px; text-align="center" } .address{ width:100%; font-size:50px; } #query{ width:20%; font-size:50px; margin:0px auto 0px aut0; } </style> </head> <body> <?php function onChange(){ echo "alert('hello world')"; } ?> <form> <table id="func"> <tr> <td> <input class="address" type="text" onclick="<?php onChange()?>" value="始发站"/> </td> </tr> <tr> <td> <input class="address" type="text" onclick="<?php onChange()?>" value="终点站"/> </td> </tr> <tr> <td> <input id="query" type="submit" value="查询"/> </td> </tr> </table> </form> </body> </html>
相关文章推荐
- 在CSS中span标签设置padding-top/bottom以及margin-top/bottom无效的解决方法
- html + css 在设置了 z-index 属性后没效果的问题解决办法
- HTML基础(三):图解CSS的padding,margin,border属性
- 表格设置padding值无效的原因和解决办法
- css基础-盒子(div)模型、属性、边框线的设置、padding、margin、网站的设置思想(float),图片代替列表符号
- html学习笔记(3)-CSS padding margin border属性详解
- Android使用TextView,设置onClick属性无效解决办法
- 关于设置android:imeOptions属性无效的解决办法
- [html&css]Pass Through - 41.HTML 使用负值设置页面元素的margin属性
- Android使用TextView,设置onClick属性无效解决办法
- 关于Android设置控件margin无效的解决办法
- Android CheckBox中设置padding无效解决办法
- div宽度设置width:100%后再设置padding或margin超出父元素的解决办法
- 第一个子容器设置margin-top后和父容器发生外边距合并,解决办法是给父容器设置非0 padding-top或overflow:hidden
- Android marginright 无效的解决办法
- 自定义View设置padding和wrap_content无效的解决办法
- 解决select表单 设置属性 disabled 后无法向后台传值的办法
- form 表单字段 autocomplete 设置为off 后仍然无效的解决方法
- cocos2dx windows 音量设置无效解决办法
- 【Android】android:padding属性设置对ImageButton无效问题