html页面里有两个表格 想让两个表格并列居中 (我弄出来 老是一上一下)请大侠赐教

html页面里有两个表格 想让两个表格并列居中 (我弄出来 老是一上一下)请大侠赐教,第1张

那得用嵌套表格了,先做个一行两列的表格,并且让这个表格居中,然后再在两个单元格内分别插入一个表格即可,代码下:
<table width="100%" align="center">
<tr>
<td><table width="100%">
<tr>
<td> </td>
</tr>
</table></td>
<td><table width="100%">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>

你这个是不是分为左右两边个一块?
如果是的话,应该讲左右两部分放在同一个容器内,然后控制这个容器居中就行,居中代码:
margin:0 auto;或者将这个容器放在<center></center>这个标签内也行,但是建议使用前者,因为后者有缺陷。

如果你的button是button标签的话:<button id="btn">按钮</button>。

拓展:

1、<button> 标签定义一个按钮。在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。

2、例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

div布局较为推荐了,table布局已经不再推荐。
对于居中,可以在两个table的外围设置一个div,如:
<div>
<table>第一个表格</table>
<table>第二个表格</table>
</div>
然后给div设置宽度和居中:
<div style="width:960px;margin:0px auto;">
<table>第一个表格</table>
<table>第二个表格</table>
</div>
其实还有很多方法可以设置居中。但是上面的写法较为推荐(不兼容IE5浏览器)。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10337982.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-07
下一篇 2023-05-07

发表评论

登录后才能评论

评论列表(0条)

保存