css里怎么让input全靠左啊

html-css04

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>

<style>

th, td {border:1px solid #aaa}

table {border-collapse:collapse}

</style>

<table>

<tr><td>学号</td><td>101407117</td><td>相片</td></tr>

<tr><td>姓名</td><td>张葵花</td><td rowspan="6"><IMG SRC="C:\Users\Jenny\Desktop

\101407117_张葵花_作业2\me.jpg" ALT="me"></td></tr>

<tr><td>出生日期</td><td>83年8月1日</td>

<tr><td>籍贯</td><td>台湾省</td>

<tr><td>学历</td><td>圣约翰科技大学 资讯管理系</td>

<tr><td>喜好</td><td>上网、听音乐、看电影 </td>

<tr><td>兴趣</td><td>追星</td>

</table>

其实表格默认就是左对齐的

你的代码无法左对齐是因为每个单元格中的内容前后有空格导致的,把空格删除即可

图片那个在td中加入rowspan="6"(合并6行)就可以了

在css里text-align:left是让文字左对齐的

页面和文本默认的都是居左的啊不需要设置,text-align只能让页面里面的文本排列位置left,center,right

页面位置设置应该用margin,还有algin这个属性也可以让页面left,center,right这三个位置,不过这个属性在body里面没有,而在div标签里面就有这个属性,如果非要设置页面居左的话你就在body的根下面添加个

<body>

<div align=left>

(这里就加上原来body里面的内容吧)

</div>

</body>