css
唐策
生活中不断积累沉淀自己,当奇迹到来时,才会降临到你身上。
展开
-
html,js div开启contenteditable=“true“属性可编辑时,按回车键会出现div,如何禁止生成
方案一:让改元素以下只显示文本就不会显示其他标签了.read-write-plaintext-only { //纯文本 -webkit-user-modify: read-write-plaintext-only;}方案二:通过jquery的事件,手动生成标签$('#chat_editor[contenteditable]').keydown(function(e) { if (e.keyCode === 13) { document.execCommand('in原创 2021-08-30 14:44:20 · 1221 阅读 · 0 评论 -
实现禁止复制网页内容汇总javascript、css
javascript实现禁止复制网页内容汇总.方法一:// 禁用右键菜单、复制、选择$(document).bind("contextmenu copy selectstart", function() { return false;});方法二:// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持)$(document).keydown(function(e) { if(e.ctrlKey && (e.keyCode == 65 || e.keyCode ==原创 2020-09-03 16:52:18 · 358 阅读 · 0 评论 -
CSS实现,头部高度固定,主体高度铺满剩余高度;主体左侧固定宽度,右侧铺满剩余宽度
原理: 如题:顶部底部固定高度,中间部分铺满屏幕剩余高度,中间盒子里又左盒子固定宽度,右盒子自适应宽度且距左盒子总是20px主要解决方法是中间盒子的top:40px;bottom:40px;设置。原理是在position是absolute时同时设置top和bottom或者同时设置left和right,高度或宽度会被拉伸到指定位置<!DOCTYPE html><ht...原创 2018-07-12 22:40:42 · 3043 阅读 · 0 评论 -
边框0.5px实现方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>边框0.5px实现方法</title> <style type="text/css">原创 2018-03-28 15:13:25 · 5032 阅读 · 0 评论 -
清除浮动几种方法个人总结
1,为父元素添加高度:<div> <div class="float_left">左 height:200px</div> <div class="float_right">右 height:200px</div></div>如上简写,只需给父元素设置height:200p原创 2018-03-13 14:21:12 · 251 阅读 · 0 评论 -
CSS块水平垂直居中个人总结
1.用inline-block和vertical-align来实现居中:这种方法适合于未知宽度高度的情况下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>原创 2018-03-13 14:02:09 · 299 阅读 · 0 评论 -
CSS浏览器兼容性写法小结
* , ie6,ie7可以识别; _和- , ie6可以识别; !important ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级; -webkit- ,针对safari,chrome浏览器的内核CSS写法 -moz-,针对firefox浏览器的内核CSS原创 2018-01-11 14:58:43 · 1095 阅读 · 0 评论 -
表头固定,内容可滚动表格的3种实现方法
一、表格总宽度自动,每列宽度设置统一用设置 这种实现方法最简单,只需要用两个表格,一个表格作为表头,另一个表格用<div>包裹并设置该 <div> 的高度固定,高度溢出可滚动即可。两个表格的列宽用相同的<colgroup>固定列宽值,需要注意的是滚动条会占用一定的宽度,一般是:17px,所以在表头需要特别处理一下,不然表格就不能对齐了。大家看代码,最简单的办法是表头单独空一列和下面的表格滚动条对齐原创 2017-11-03 13:37:29 · 5997 阅读 · 1 评论 -
自定义浏览器滚动条的样式,详细讲解
前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下。于是在各大浏览器中对比了一下,发现只用Chrome适用,也就是说这个用的是Chrome的私有CSS属性。便百之谷之后,发现原来不仅仅只用Chrome,其它的浏览器在不同程度上支持自定义滚动条样式的。下面是我不断测试的结果,若有错误或不全,请在评论里转载 2017-11-02 16:16:32 · 14449 阅读 · 0 评论