解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示 问题图片展示 现在可以看到 底部遮住了 因为这个项目是IOS和Android共同接入的一套代码,在网上找了一些解决方法后,以下是我的处理方式 //使用计算…
标签:css
vue项目直接打开dist文件夹下面的index.html文件
关于vue项目直接点击dist文件夹下面的index.html文件使项目在浏览器显示,需配置两个文件, config/index.js build: { assetsPublicPath: './', } build/u…
web前端开发工程师必会的5种网页布局方法?
作为前端开发工程师,布局方式有多种,针对不同的情况有不一样的处理,但是很多初学的同学都不知道这些情况,那么我们今天就来说说,那些前端开发工程师不可不知的5种布局方式! 一、静态布局(static layout) 即传统W…
快速掌握CSS3弹性布局
简介 display:flex; 弹性布局是css3的一种新的布局方式,它能够快速轻易的实现页面的各种布局。 采用弹性布局的盒子叫做弹性盒子 弹性盒子中的元素称为弹性项目 容器中有两条轴,沿水平方向的叫主轴,垂直于主轴的…
网页布局都有哪种?一般都用什么布局?
随着Web技术不断的革新,CSS近几年也变得多年前要更强大。在Web开发中,CSS是不可或缺的一部分,对于很多Web开发者来说,有很多CSS属性不知道,或者说他们知道,但忘记在最恰当的时候使用最适合的CSS属性。而且时至…
html写出带有表格标题的三行三列表格
介绍 HTML里,可以使用 table 标签及它内部的属性 tr,td,th等就可以快速生成一个表格。具体如下: 效果图 相关属性介绍 一个简单的 HTML 表格由table元素以及一个或多个 tr、th 或 td元素组…
css中的line-height设置数字,em和百分比的区别
疑惑 关于line-height这个css属性在平常布局中真的很熟悉了,以前简单的用法都是直接设置具体像素值:line-height:28px;随着考虑到响应式等因素,慢慢开始了解无单位数字和使用em或百分比。一直以来都…
CSS特殊样式(七)CSS3下的纸张效果实现展示
总结: 1、border-radius可以给某一个拐角设置两个值,实现纸张卷边效果(如:border-bottom-right-radius: 500px 30px;) 2、本文使用价值不大,主要用于学习和熟悉CSS3属…
word表格内文字行间距调整方法
调整word中表格里文字的行距的方法: 1、选中这段文字,单击开始选项卡,点击字体功能组右下角的箭头; 2、在弹出来的字体对话框中选择高级选项卡; 3、在间距后面的下拉框中选择间距是加宽还是紧缩,或者调整后面的磅值; 4…
CSS-div垂直居中方法总结
【第一种】 该方法是通过position定位去实现的,通过将上下左右的偏移值全设为0,再利用margin:auto,让盒子上下,左右宽度相同,将盒子挤到中间。 //html结构 <div class="outer"…
第三天笔记-css外观属性(颜色、行间距、对齐、首行缩进、字间距、单词间距 、颜色半透明、阴影)快捷方式、综合案例、引入CSS样式表(内部样式表、行内式、外部样式表)、三种样式表总结
五、CSS外观属性 (一)color:文本颜色 color属性用于定义文本的颜色,其取值方式有3种: 1、预定义的颜色值,如red、green、blue等。 2、十六进制,如#FF000,#29D794等。【以后都用十六…
layui table设置表格单元格换行,固定列高度改变
layui table设置表格单元格换行 css /** 控制表格单元格换行 **/ .layui-table-cell { height: auto; word-break: normal; display: bloc…