文字换行问题
用<br />效果也不一样
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>2-5、定位回到顶部</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html,body {
width: 100%;
height: 100%;
font-size: 14px;
}
header {
height: 35px;
background: #666;
}
header a {
line-height: 35px;
color: #fff;
text-decoration: none;
margin: 0 15px;
}
.container {
height: 200%;
}
.top{
width: 50px;
height: 50px;
color: #fff;
background: rgba(0,0,0,0.4);
font-size: 12px;
font-family: "微软雅黑";
text-align: center;
line-height: 50px;
position: fixed;
bottom: 0;
right: 0;
cursor: pointer;
}
</style>
</head>
<body>
<header>
<!-- 此处写代码 -->
<a href="">首页</a>
<a href="">新课程</a>
<a href="">热门课程</a>
</header>
<div class="container"></div>
<!-- 返回顶部 -->
<div class="top"><a href="#top" target="_self">返回顶部</a></div>
<!-- <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('.top').click(function(){
$('html').scrollTop(0);
})
})
</script> -->
</body>
</html>
正在回答
同学你好，那么可以把盒子的宽度设置小的，因为这个盒子是可以存放这个问题的宽度的，所以不会自动换行，只能把文字设置大一些，或者把盒子宽度设置小点。
希望能帮助到你，欢迎采纳。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星