各位大神请教个问题,小弟做了个手机网页 ,想实现左右对齐的布局,自己怎么也实现不了,在此求教。
左边是一个label 左对齐 右边是2个按钮一个文本框 右对齐。
<!doctype html><html><head> <title>DOM</title> <style> .main{width:500px;height:100px} .leftDiv{float:left;background-color:red;width:100px;height:100%} .rightDiv{float:right;background-color:yellow;width:400px;height:100%} .content{line-height:30px;text-align:center} </style></head><body><!-- 外层一个div,设置高度与宽度,包裹两个小div --><div class="main"> <!-- 小div使用float分别占据左右两边,高度100%,宽度对半 --> <div class="leftDiv"> <!-- 里面的元素我设置了一些行高,并且水平居中了 --> <div class="content"><label>桃子<label></div> <div class="content"><label>鸭梨<label></div> <div class="content"><label>苹果<label></div> </div> <div class="rightDiv"> <div class="content"><input type="button" value="-"/><input type="text" value="0"/><input type="button" value="+"/></div> <div class="content"><input type="button" value="-"/><input type="text" value="0"/><input type="button" value="+"/></div> <div class="content"><input type="button" value="-"/><input type="text" value="0"/><input type="button" value="+"/></div> </div><div></body></html>
哦,写错了,宽度不是对半,你自己看情况设置吧
我都试一下。十分感谢
写错了,label没有结束
移动端得适应多种分辩率,尽量转换,别用绝对字体大小
我想一行一行的管理 。 有没有完整代码 。我写了改总是实现不了
我想一行一行的管理 。 有没有完整代码 。我写了改总是实现不了