CSS样式
CSS样式
碧山云游
Life sometimes is boring,so i sometimes do some boring thing to avoid it
展开
-
CSS超全居中显示
关于CSS居中的那些事关于CSS居中的那些事行内元素DOM结构<div class="parent"> <span class="child">content</span></div>水平居中text-align.parent { background-color: red; text-align: center;}fit-content.parent { background-color转载 2021-07-03 21:53:56 · 143 阅读 · 0 评论 -
文件上传框
效果图:http://218.200.85.76:8557/DataStatistics/DynamicUnemployment<form id="Excelform" method="post" enctype="multipart/form-data" style="display: inline-block;"> <div class="excelupload" style="display:none;z-index:101;"> <.原创 2020-08-22 14:11:07 · 252 阅读 · 0 评论 -
box-sizing:border-box的用法
https://www.cnblogs.com/xinjianheyi/p/6552695.html原创 2020-08-24 08:56:03 · 636 阅读 · 0 评论 -
CSS样式--文本样式
/*文本截取*/#EmployOrganizaListCtrl .listText{ overflow: hidden;//隐藏超出部分 text-overflow: ellipsis;//显示省略号 white-space: nowrap;//不换行}/*文本对齐方式*/text-align:justify;/*文本超出固定高度 显示滚动条*/overflow:scroll;/*显示边框*/border:1px dashed #FF6B6B;//.原创 2020-08-22 14:34:35 · 114 阅读 · 0 评论 -
div中的文字内容垂直居中
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ width:200px; height:100px; text-align: center; background-color: bisque; line-height:100px; } &.原创 2020-09-02 21:34:38 · 228 阅读 · 0 评论 -
合理利用HTML5的Data属性
HTML5的data属性可以帮助我们插入数据,特别是前后端的数据交换。JQuery的data()方法,有效的利用HTML5的属性,来自动得到数据。下面是个例子:<div id="d1" data-role="page" data-last-value="43" data-options='{"name":"John"}'></div>为了读取数据,你需要使用如下代码:$("#d1").data("role"); // "page"$("#d1").data("原创 2020-09-13 22:33:43 · 142 阅读 · 0 评论 -
空白节点_
1.幽灵空白节点2.display:inline-block元素之间空隙原创 2020-09-17 09:05:32 · 240 阅读 · 0 评论 -
html中class选择器与Id选择器的区别?
1.一个标签可以有多个class .box1{ height:40px; width:100px; } .box2{ background-color: skyblue; } #myId1{ border:1 px solid; } #myId2{ position: absolute; left: 100px; top:100px; }<div class=".原创 2020-09-04 23:49:03 · 287 阅读 · 0 评论