css里怎么让input全靠左啊

html-css019

css里怎么让input全靠左啊,第1张

css里让input全靠左,首先我们需要获取到所有的input元素,可以通过给他们加id,class实现,当然最好的是通过标签选择器,将所有的input获取,然后在通过一个flaot:left就能实现input全靠左,请看代码:

<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了: