请问如何将下面代码中的按钮和回答显示在页面中间
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function acction(){
var wenti=confirm("你知道吗？")
if(wenti==true)
{
document.write("你知道什么");
}
else
{
document.write("你怎么什么都不知道");
}
}
</script>
</head>
<body>
<input name="button" type="button" value="你知道吗" onclick="acction()"/>
</div>
</body>
</html>
小时候很捣蛋浏览 2118回答 8
8回答
-
pick_J
给想居中的元素设置适应高度和宽度，然后使用 margin:auto auto -
萱草香篱
建立一个DIV，放里面就可以了 -
_Forliberty
<!doctype html><html><head><meta charset="UTF-8" /><title>test</title></head><body><div id="box"><input type="button" value="click" id="btn" onclick="action()" /><p id="msg"></p></div><script type="text/javascript">function action(){var wenti=confirm("你知道吗？")if(wenti==true){document.getElementById("msg").innerHTML="你知道什么";}else{document.getElementById("msg").innerHTML="你怎么什么都不知道";}}</script></body></html>不知道是不是想要这么个效果？另外，题主的action方法单词拼错… -
淡雅的默
<input name="button" type="button" value="你知道吗" onclick="acction()"/ style="position:absolute;left:50%;top:50%;height:50%;width:100px;height:30px;margin:-15px 0 0 -50px"> -
chenjun_
块级元素的话 margin:0 auto;行级元素： 为其父元素添加text-aligh:center;
随时随地看视频慕课网APP
Html/CSS
JavaScript