请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

老师好,我在做一个悬浮按钮,可按钮中的文字总是和按钮错位,如何解决?

老师好,我在做一个悬浮按钮,可按钮中的文字总是和按钮错位,如何解决?
----------------------以下为我的源代码,下面还有调试的截图------------------------------------------

<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" href="fontico/iconfont.css">
		
	<style type="text/css">

		.xuanfubutton{
			font-size: 56px;
			bottom: 50px;
			right: 50px;
		}
        .nav-fixed {
            position: fixed;
            bottom: 50px;
			right: 50px;
        }
	</style>
	</head>

	<body>
		
		<div class="mui-content">
			<div id="nav" class="nav-fixed">
				<button class="mui-btn mui-fab mui-btn-danger"><span class="xuanfubutton">+</span></button>
			</div>
		</div>
		
		
		
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>

图片描述

正在回答 回答被采纳积分+3

1回答

风间影月 2019-02-20 17:37:05

你好,课程中没有这块内容噢~

直接使用图片吧,按钮加文字没多大必要

另外涉及到布局的话,推荐使用flex,然后固定一下即可。

另外测试不推荐使用浏览器,5+app不支持在浏览器里使用噢。

建议到群里多和大家一起讨论吧

0 回复 有任何疑惑可以回复我~
  • 提问者 兔子先生 #1
    好的,多谢老师指点
    回复 有任何疑惑可以回复我~ 2019-02-20 17:38:50
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信