为了账号安全,请及时绑定邮箱和手机立即绑定

请问如何将下面代码中的按钮和回答显示在页面中间

请问如何将下面代码中的按钮和回答显示在页面中间

小时候很捣蛋 2016-04-01 09:10:59
<!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>
查看完整描述

8 回答

?
pick_J

TA贡献9条经验 获得超4个赞

给想居中的元素设置适应高度和宽度,然后使用 margin:auto auto

查看完整回答
1 反对 回复 2016-04-01
  • 小时候很捣蛋
    小时候很捣蛋
    就是想点击“我知道”的时候,“你知道什么”这几个文字在网页中间显示。然后点击“我不知道”的时候,“你怎么什么都不知道”这几个文字同样在网页中间显示
  • 萱草香篱
    萱草香篱
    这个方法简单啊
?
萱草香篱

TA贡献1条经验 获得超0个赞

建立一个DIV,放里面就可以了

查看完整回答
反对 回复 2016-04-01
?
_Forliberty

TA贡献3条经验 获得超2个赞

<!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方法单词拼错…

查看完整回答
反对 回复 2016-04-01
?
淡雅的默

TA贡献102条经验 获得超139个赞

<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">

查看完整回答
反对 回复 2016-04-01
?
chenjun_

TA贡献2条经验 获得超0个赞

块级元素的话  margin:0 auto;

行级元素:  为其父元素添加text-aligh:center;

查看完整回答
反对 回复 2016-04-01
  • 小时候很捣蛋
    小时候很捣蛋
    就是想点击“我知道”的时候,“你知道什么”这几个文字在网页中间显示。然后点击“我不知道”的时候,“你怎么什么都不知道”这几个文字同样在网页中间显示
  • 8 回答
  • 0 关注
  • 2101 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信