代码拉取完成,页面将自动刷新
先用静态写
后换成vue
上传 gitee
- 同行的 input 和 button 高度不对齐问题-- vertical-align: middle;
- 使用 vertical-align 或 display:block
el{
/* 强制一行显示 */
white-space:nowrap;
/* 溢出隐藏 */
overflow:hidden;
/* 超出部分 显示 省略号 */
text-overflow:ellipsis;
}
/* 上 左右 下 */
margin: 0 auto 20px;
/* word-break: break-all; 在合适的地方换行 */
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处换行。
height: 48px;
font-size: 14px;
/* 行高 是 字体大小的两倍 */
line-height: 24px;
text-align: left;
color: #666;
-webkit-transition: color .2s ease;
transition: color .2s ease;
/* 以下 为 设置的属性 来实现双行隐藏为点点效果*/
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
注意:此处line-height 是 font-size 的两倍!!
scrollTop滚动的时候一直是0 -- 侧面解决-使用box盒子的scroll,没有在全局body上,具有参考意义 JavaScript学习笔记之 document.body.scrollTop用法--
documentElement
对应的是 html 标签,而body
对应的是 body 标签,window对应浏览器
注意是 s c r o l l
写错了,找原因找那么久!!
注意:
scrollTop是指某个 !!可滚动区块向下滚动的距离!!
比如向下滚动了10个像素,那么这个元素的scrollTop属性值就是10;
-- 主要是 overflow:scroll/auto; (浏览器会显示滚动条以便查看其余的内容)
对应的是 html 标签,而
body 对应的是 body 标签,window对应浏览器
使用body 考虑兼容性问题的写法
var height = document.documentElement.scrollTop || document.body.scrollTop;
但是
/* .w 为 relative */
/* nvaItem superAd 使用absolute; 的 bottom 会出错 */
/* nvaItem superAd 使用absolute; 的 top 却可以 */
/* 这样写会出错 */
.nvaItem{
position: absolute;
bottom: 0px;
left: 200px;
}
.superAd{
position: absolute;
bottom: 10px;
right: 12px;
}
/* 这样写会ok */
.nvaItem{
position: absolute;
top: 100px;
left: 200px;
}
.superAd{
position: absolute;
top: 10px;
right: 12px;
}
/* 基础样式 */
a:hover{color:blue}
el > a { ... } /* 这样写 a:hover 会失效 */
/* 假设 a 的class 为 .a1 */
.al{ ... } /* 这样写 a:hover 就不会失效 */
.loginImgInfo > .log , .reg{
color: #111;
}
.log , .reg {
color: #111;
}
<div class="fa">
<div class="son"></div>
</div>
.fa{
width: 300px;
height: 300px;
background:#999;
overflow:hidden;
}
.son{
margin:100px;
width: 100px;
height: 100px;
background:#111;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。