<html>
<head>
<style>
input{
width:300px
height:30px
font-size:13px
float:left
}
</head>
<body>
<div>
<input
type='submit'
value='人人'>
<input
type='button'
value='百度'>
<input
type='text'
value='订单'>
</div>
</body>
</html>
页面和文本默认的都是居左的啊不需要设置,text-align只能让页面里面的文本排列位置left,center,right页面位置设置应该用margin,还有algin这个属性也可以让页面left,center,right这三个位置,不过这个属性在body里面没有,而在div标签里面就有这个属性,如果非要设置页面居左的话你就在body的根下面添加个
<body>
<div align=left>
(这里就加上原来body里面的内容吧)
</div>
</body>
1、可以使用flex布局快速实现这个效果。具体的方法是,首先打开hbuilder编辑器,新建一个文件,写入一个大的div,里面在包裹3个小div,给大div的class属性命名为container,小div命名为child:
2、然后在上方设置样式,先给外围的div设置宽度为600px以及display属性为flex,然后设置方向属性flex-direction为横向,接着设置小div的宽度为200px,再设置flex属性的值为1,意思是所占比例为1,最后调整一下背景颜色,字体大小就可以了:
3、最后打开浏览器,即可看到3个等份的div了: