CSS
关注
分享
扫一扫
前方一片光明
作者是10年Java开发，技术交流、项目合作可私聊。公众号：程序员高手之路
展开
-
前端水平垂直居中实现
text-align: center; align-items: center; display: -webkit-flex; justify-content: center;原创 2021-04-16 20:49:12 · 5388 阅读 · 0 评论 -
前端——背景图片显示以及悬浮状态下变色的情况
前言最近搞了一个项目，几乎全是前端的东西；以前，前端的东西很少做，所以现在做起来比较吃力；对于一些我认为比较难的地方，在这里专门记录一下，以便于后期遇到了可以查看（主要是脑子记不住啊！O(∩_∩)O哈哈~）遇到的问题以及解决在一个div里面添加背景图片，并且在悬浮状态下变色，这里的变色是字体和图片一起变色：HTML部分：<div class="fjxx-...原创 2018-10-12 22:03:10 · 9308 阅读 · 0 评论 -
前端——把一大段文字显示在前端并且有文字下面有虚线
一、前言首先看一下效果：给了一大段文字，字体左边对齐，并且字体下方的虚线延伸到最右边对齐：二、分析与解决1. HTML部分设定一个div，以便于后期把文字放入其中<div class="line-content" id="cnnr-detail"> </div>2. JS部分我们获取到这段文字之后，需要对其进行处理//文...原创 2018-10-08 22:34:58 · 11579 阅读 · 0 评论 -
前端的一些技术知识点
一、有关鼠标的知识点1. 将鼠标的光标定位到某个文本框中$("#文本框ID").focus();2.鼠标放上去呈现手的形状cursor: pointer;3.判断鼠标左击还是右击canvas.onmousedown = function(e) { if (e.button == 0) { alert("您点击了鼠标左键!"); } else if...原创 2018-12-14 22:03:22 · 7190 阅读 · 0 评论 -
前端——关于鼠标的知识点
1、将鼠标的光标定位到某个文本框中$("#文本框ID").focus();2、鼠标放上去呈现手的形状cursor: pointer;3、判断鼠标左击还是右击if (e.button == 0) { alert("您点击了鼠标左键!");} else if (e.button == 2) { alert("您点击了鼠标右键!")}4、禁止选中文本内容在标签...原创 2019-05-08 19:28:12 · 5406 阅读 · 0 评论 -
前端——关于滚动条的小知识
1、滚动条设置父容器：overflow: hidden;height:20rem;子容器：overflow-y: scroll;或 overflow-y: auto !important;2、滚动条置顶$("#滚动条所在div")[0].scrollTop = 0;3、获取竖向滚动条到顶部的距离$(document).scrollTop();4、获取横向滚动条到最左边...原创 2019-04-20 19:12:09 · 8305 阅读 · 1 评论 -
前端——父容器根据子容器的高度自动变化高度（自适应）
前言如下列HTML代码：<div id="main"> <div id="content"></div> </div> 当子容器content的高度改变时，父容器高度并没有实时改变，这时候把父容器的高度设置成auto是不行的我们的需求就是要父容器自动改变。有三种方式可供选择：方式一增加一个清除浮动，让父容...原创 2019-08-07 22:36:23 · 11334 阅读 · 0 评论 -
VUE系列——ElementUI使用table时，选中某行或者鼠标移入某行时添加背景色
前言Element官网给了单选的例子，给我们省了不少时间，但是有时候选择一行之后并没有达到我们想要的效果下面是官网给的例子：一、需求点击或者鼠标移入某一行之后，想要出现自定义的颜色二、解决方法直接在style里面添加下面的样式即可/* 选中某行时的背景色*/.el-table__body tr.current-row > td { backgr...原创 2019-08-10 09:29:45 · 18917 阅读 · 4 评论