如何使一个组件居中?
2017-03-20 22:18
169 查看
解决这个问题要理解一个概念就是盒子,这个盒子就像XML中的布局,将整个页面看成一个大的盒子<body ></body>,你要做的事情就是怎样将第一层布局放置在第一层位置,然后将整个页面的大小进行分割为每个控件,这样每个二级控件又可以看成一个盒子,就这样布置下去,直到再也无法放下控件为止,So,这样也就弄清了如何使一个控件居中。
那么现在提供解决方法
居中是需要父控件支持的,如果父控件都是wrap content,那么就不用说子控件怎样居中了,因为,对子控件的捣鼓、布局就是在父控件里面里面来做的,也就是父控件要具有一定大小,这样子控件才有一定的操作空间,下面的这段代码是<table>
这里只贴出了css代码,很显然这个是符合上面所说的
为了适配屏幕,并不建议使用像素直接操作,而是使用下相对值来操作,下面是修改的代码
显示结果
那么现在提供解决方法
居中是需要父控件支持的,如果父控件都是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>
显示结果
你好 | 你好 |
你好 | |
你好 | |
你好 |
相关文章推荐
- 如何使用一个不错的图表组件WebChart(免费)
- 如何使用一个不错的图表组件WebChart(免费)
- CSS如何居中一个float浮动元素?
- 如何居中一个浮动元素?
- 如何使用jQuery UI的sortable组件做一个更为友好的界面(下)
- 如何能使一个组件自动的支持任意增加的属性
- 如何在自己的信息管理系统里集成第三方权限控制组件 - 设计一个漂亮的WEB界面
- ATL之如何聚合一个组件
- 如何在JApplet中显示一个JDialog,并让其在屏幕居中显示
- Extjs 如何修改一个已经渲染好的配置组件属性
- 如何使用一个不错的图表组件WebChart(免费)
- 如何使用一个不错的图表组件WebChart(免费) 用c#编写
- 如何在没有action触发的情况下实例化一个组件
- Android 如何自定义一个简单的组件和自定义的点击事件(中级)
- Flex中如何隐藏一个组件
- 如何使用一个不错的图表组件WebChart(免费)
- 如何在自己的Joomla组件中弹出一个模式(modal)窗口 【转】
- 如何在自己的Joomla组件中弹出一个模式(modal)窗口
- 如何使用jQuery UI的sortable组件做一个更为友好的界面(上)
- 如何在自己的信息管理系统里集成第三方权限控制组件 - 开发一个好用稳定的开放组件