CSS中对齐问题。

html-css010

CSS中对齐问题。,第1张

这是用table实现的

<table  border="0">

  <tr>

    <td>用户名:</td>

    <td><input name="name" type="text" /></td>

  </tr>

  <tr>

    <td>密码:</td>

    <td><input name="pwd" type="password" /></td>

  </tr>

  <tr>

    <td>密码:</td>

    <td><input name="repwd" type="password" /></td>

  </tr>

  <tr>

    <td>邮箱:</td>

    <td><input name="email" type="text" /></td>

  </tr>

  <tr>

    <td><input name="" type="submit" value="提交" /></td>

    <td><input name="" type="reset" value="重置" /></td>

  </tr>

</table>

</form>

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:button {display: inline-block}。

3、浏览器运行index.html页面,此时2个按钮水平对齐了。