HTML CSS3 高手请指点--关于 table 中嵌入button的问题

HTML CSS3 高手请指点--关于 table 中嵌入button的问题,第1张

<tr>

<td >增加空格</td>

<td ><button type="button">Button</button></td>

</tr>

上面的增加空格改为  就是空格的转义码,试一试吧

不行就用css来设置,初步看应该是这个原因

有好几种方法

方法一:style="padding-right:距离px" 放在td或 div等里面

方法二:style="margin-right:距离px" 放在 input 按钮里面

方法三:是table做的话 多做个td 用俩个或者3个td 最后一个td给整个table的3/1宽度中间的td里放按钮

方法四:按钮后面给空的代码 1一个代表1个空格

方法五:给按钮加上right="距离"

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<title>Document</title>

</head>

<body>

<table border="" cellspacing="" cellpadding="">

<tr><th>Header</th></tr>

<tr>

<td>

<input type="button" id="btn" value="按钮" />

</td>

</tr>

</table>

<script type="text/javascript">

document.getElementById("btn").onclick = function(){

alert("1") //给按钮添加点击事件

}

</script>

</body>

</html>

请复制上面代码试一试


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

原文地址:https://54852.com/bake/11497433.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存