HTML5如何在表格中对齐表格?

维克多2748

我有一个<form>,在该表格内,我有一个<table>我尝试在该表单上使用text-align: centeralign-items:center,但其中的表仍与左侧对齐(而表的子元素与该表的中心对齐)。如何将表格与表格中心对齐?

恩里克·奎罗(Enrique Quero)

当您想将表格对齐到父级的中心位置时,只需使用:

CSS:

margin: 0 auto;

例子:

的HTML:

<form >
 <table>

 </table>
</form>

CSS:

form {
  width:80%; 
  height: 200px; 
  background-color: black;
}

table {
   margin: 0 auto;
   z-index: 1;
   width:50%; 
   height: 50px; 
   background-color: red;
}

http://jsfiddle.net/bvo7v7f9/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在 html 中左对齐表格

来自分类Dev

如何在html / css中的页面中心对齐表格

来自分类Dev

如何在 HTML 表格中对齐两个组件?

来自分类Dev

在 HTML 中对齐表格

来自分类Dev

HTML5表格数据使td内容对齐

来自分类Dev

HTML5 - 水平对齐图像和表格内联

来自分类Dev

如何在表格中对齐垂直文本?

来自分类Dev

在HTML表格中对齐图像

来自分类Dev

在 HTML 中对齐表格行

来自分类Dev

如何避免表格或其他技巧使文本与HTML 5中的标签对齐?

来自分类Dev

如何在表格中居中输入表格?的HTML

来自分类Dev

SVG图标:如何在表格中水平对齐图标

来自分类Dev

如何在表格中的标签旁边右对齐按钮?

来自分类Dev

如何在OneNote的表格中垂直居中对齐文本

来自分类Dev

如何在HTML表格中重做classchange

来自分类Dev

如何在HTML表格中设置标题

来自分类Dev

如何在表格 Html 中添加 contenteditable

来自分类Dev

如何在 Javascript 中插入 HTML 表格?

来自分类Dev

HTML5表格间距问题

来自分类Dev

表格和 HTML5 标记

来自分类Dev

如何在表格中查询表格?

来自分类Dev

如何在 HTML 表格单元格中居中对齐文本,而不考虑单元格中的其他元素

来自分类Dev

HTML表格在Outlook中无法正确对齐

来自分类Dev

HTML/Bootstrap 对齐表格中的变量元素

来自分类Dev

HTML 表格对齐

来自分类Dev

如何使用Flutter在表格中右对齐

来自分类Dev

如何对齐表格行

来自分类Dev

如何居中对齐表格

来自分类Dev

如何对齐表格右行?