qq_41353397的博客

方法一：1、代码： <div style="width:200px;height:200px;border:solid blue;position:relative;"> <div style="width:100px;height:100px;margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: red;"></div> </div

css代码:.span-arrows{ width: 0.05rem; height: 0.05rem; border-top: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; -webkit-transform: rotate(45deg); content: ""; display: inline-block; vertical-align: middle; margin: 0 0

/* 67,80,165 rgb三原色，0.5为透明度*/background-color: rgba(67,80,165,0.5);

.img-div img { width: 2rem; height: 1.3rem; transition:all 0.5s;/*图片放大过程的时间*/ position: relative;}.img-div:hover img { width: 2rem; height: 1.3rem; transform: scale(1.2);/*图片放大大小*/}

.外层div的calss input:focus { border-color: #000000 !important; outline: 0; border-width: none;}

html代码需要这样写：nowrap="nowrap"css代码这样写：white-space: nowrap;

span标签设置vertical-align:middle就可以解决了

css代码：.testSpan{ vertical-align: middle; display: inline-block;}html代码：<span class="testSpan"> <b>测试1</b></span><span class="testSpan"> 测试2</span>

设置input的vertical-align:middle属性来解决。

以input="type"为例：1、默认属性，input{样式}2、鼠标悬浮：input:hover{样式}3、点击属性：input:focus{样式}注意： type不同设置也不同，比如radio还要设置input:checked的样式

js代码：layer.confirm("您选的时间是：xxxx", { title : "预约时间确认", skin : "my-skin", btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); //自定义代码});css代码：.my-skin .layui-layer-btn a { background-color: #84c101; border: 1px soli

vertical-align: middle;

.divClass:last-child{ color: red;}

a:hover{color: red;}

使用:last-child.divClass:last-child{ border: none;}

span自身是个行内元素，不设宽度的，如果要自适应宽度，首先要将行内元素设置为块级元素span {background-color:#fc0;display:block;float:left;width:150px;}

html代码：<div class="member-points" id="member-points"><span class="member-points-name">签到</span></div>js代码：$("#member-points span").text("已签到");//$("#member-points span").html("已签到");//document.getElementById("member-points").i

给每个小的div加float:left给大的div加overflow:hidden,zoom:1即可css代码：/*小的div样式：*/.smallDIv{float:left;}/*大的div样式：*/.bigDIv{overflow:hidden;zoom:1;}

css代码：outline: none; border: none; -webkit-appearance: none;*/这个是去除下箭头的 color: #277de2;

css代码：border: none;resize: none;

与本人博客“五张图片自动轮播(未完善）”略有不同，但原理一样的，都是使用position的绝对位置改变html代码：注：图片路径替换一下，才能看出效果，并需要引用floatWindows.js和jquery.min.js两个js库<script src="../js/floatWindows.js?v=2020.04.17"></script><script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.

js代码： var curNum=0; var count=$("#inner").children('div').length;//8 setInterval("test()",5000); function test(){ //如果到了最后一个元素，停止 if((count-curNum)<=7){ curNum=0; $("#inner").css("left","0"); test(); // return false; } curNum+=1; $("#inne

css代码：ul li{ position: relative; top: -1px; margin-right: 7px; color: #F00;}

css代码：background-image: url(../imgs/footerkuang.png);background-repeat: no-repeat;background-size: 100% 100%;-moz-background-size: 100% 100%;

css代码：.add{background:red ;}js代码：<script>$("#divId").hover(function(){ $("divId").addClass('add');},function(){ $("divId").removeClass('add');})</script>

js代码：function dragFunc() { var Drag = document.getElementById(divId); Drag.onmousedown = function(event) { var ev = event || window.event; event.stopPropagation(); var disX = ev.clientX - Drag.offsetLeft; var disY =

.divClass{box-shadow: 0 0 15px #4E4E4E;padding:10px}

页面底部：css代码：.divClass {position: fixed;bottom: 0;left: 0;right: 0;height: 20px;background-color: #FFC0CB;}页面顶部css代码：.divClass {position: fixed;top: 0;left: 0;right: 0;height: 20px;background-color: cornflowerblue;}...

css代码：#divId { position:absolute; width:200px; height:115px; z-index:100; //如果被dao东西bai遮挡 就在把du这个zhi值设dao置高 left: 51px; top: 60px;}

<style> .textdiv{ overflow-y: auto; background-color: #f8f8f8; height: 200px; padding: 10px; } .textdiv::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height.

续期办公地址凭证的pdf生成} 我是发光/边框的文字

原理：用图片来代替原来的input选择框，原来的input选择框定位到图片上方并让它opacity为0，鼠标点击时用js来改变图片，这样从视觉上就完成了input选择框样式的修改html代码：<input type="radio" name="list9" value="是" /><i class="spot"></i><span class="radio-name">是</span><input type="radio" name="

css样式中添加以下样式：width: 300px;//宽度一定要有，具体根据自己需求overflow: hidden;/*超出部分隐藏*/white-space: nowrap;/*不换行*/text-overflow:ellipsis;/*超出部分文字以...显示*/

给需要换行的文字添加以下css样式属性：table-layout: fixed;word-wrap: break-all;//设置文字的强制自动换行，但只对英文起作用，以字母作为换行依据word-wrap: break-word;/设置文字的强制自动换行，但只对英文起作用，以单词作为换行依据overflow: hidden;...

CSS3中的Rem值与Px之间的换算bootstrap默认 html｛font-size: 10px;}rem是一个相对大小的值，它相对于根元素总结：px转换成rem要除100rem转换成px要乘100注：px是固定像素的，rem是自适应像素的，一般使用rem...

html 让其中一个div浮在另一个div上面 通常情况下，有两种实现方法：(1) 浮动的元素设置float属性(2) 浮动的元素设置position属性为 absolute, 另一个元素设置position属性为 relative。步骤1、设置float属性2、浮动的元素设置position属性为 absolute, 另一个元素设置position属性为 relative具体实现代码如下:<html><head><style type="text/css"

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>TEST</title> <style