随笔分类 -  前端编程知识 / Html

摘要:一般情况下在谷歌对标签使用 contenteditable:true; 可以实现对标签的文字编辑 但是在IE下如果直接对表格 td 标签使用则无效 解决方案是 在 td 中添加可编辑的div元素 <div contenteditable="true" style="width: 100%; heig 阅读全文
posted @ 2022-06-07 10:37 RookieCoderAdu 阅读(360) 评论(0) 推荐(0)
摘要:将高度一致的div设置成inline-block之后,经常会出现参差不齐的情况。 因为默认情况是以基线对其,会随着内容变化。 解决方案: 将所有元素设置 vertical-align: bottom; 或者top 阅读全文
posted @ 2021-08-12 22:34 RookieCoderAdu 阅读(321) 评论(0) 推荐(0)
摘要:/*修改滚动条样式*/ #lyric_detail::-webkit-scrollbar{ width:10px; height:10px; /**/ } #lyric_detail::-webkit-scrollbar-track{ opacity:0;/*完全透明*/ border-radius 阅读全文
posted @ 2021-08-06 00:09 RookieCoderAdu 阅读(730) 评论(0) 推荐(0)
摘要:让文字超过div宽度的时候,自动换行 word-wrap: break-word; word-break: break-all; 假如想让文字两行显示,超过两行时以省略号结尾,则需要设置 display:-webkit-box;text-overflow:ellipsis;-webkit-line- 阅读全文
posted @ 2021-04-08 14:54 RookieCoderAdu 阅读(1427) 评论(0) 推荐(0)
摘要:方法一: 全部设置属性: float:left 方法二: 全部设置成: display:inline-block 方法三: 将父div设置成 position:relative 将子div设置成 position:absolute;left:XXXXpx; position:absolute;rig 阅读全文
posted @ 2020-09-14 11:21 RookieCoderAdu 阅读(564) 评论(0) 推荐(0)