如何使一个组件居中？

来源：互联网发布：linux强制关闭程序编辑：程序博客网时间：2024/05/02 00:10

解决这个问题要理解一个概念就是盒子，这个盒子就像XML中的布局，将整个页面看成一个大的盒子<body ></body>,你要做的事情就是怎样将第一层布局放置在第一层位置，然后将整个页面的大小进行分割为每个控件，这样每个二级控件又可以看成一个盒子，就这样布置下去，直到再也无法放下控件为止，So，这样也就弄清了如何使一个控件居中。
那么现在提供解决方法
1. 居中是需要父控件支持的，如果父控件都是wrap content,那么就不用说子控件怎样居中了，因为，对子控件的捣鼓、布局就是在父控件里面里面来做的，也就是父控件要具有一定大小，这样子控件才有一定的操作空间，下面的这段代码是<table>
```
table {  width: 700px;}tr {text-align: center;}
```
2. 这里只贴出了css代码，很显然这个是符合上面所说的
3. 为了适配屏幕，并不建议使用像素直接操作，而是使用下相对值来操作，下面是修改的代码
4. ```
<table width="100%" border="1"><tr align="center">    <td>你好</td>    <td>你好</td></tr><tr>    <td>你好</td></tr><tr>    <td>你好</td></tr><tr>    <td>你好</td></tr></table>
```
显示结果

你好你好你好你好你好

0 0