您的位置:首页 > 编程语言 > Java开发

如何使一个组件居中?

2017-03-20 22:18 169 查看
解决这个问题要理解一个概念就是盒子,这个盒子就像XML中的布局,将整个页面看成一个大的盒子<body ></body>,你要做的事情就是怎样将第一层布局放置在第一层位置,然后将整个页面的大小进行分割为每个控件,这样每个二级控件又可以看成一个盒子,就这样布置下去,直到再也无法放下控件为止,So,这样也就弄清了如何使一个控件居中。

那么现在提供解决方法

居中是需要父控件支持的,如果父控件都是wrap content,那么就不用说子控件怎样居中了,因为,对子控件的捣鼓、布局就是在父控件里面里面来做的,也就是父控件要具有一定大小,这样子控件才有一定的操作空间,下面的这段代码是<table>

table {
width: 700px;
}
tr {
text-align: center;
}


这里只贴出了css代码,很显然这个是符合上面所说的

为了适配屏幕,并不建议使用像素直接操作,而是使用下相对值来操作,下面是修改的代码

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


显示结果

你好你好
你好
你好
你好
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  java-web 控件