-
css 文本在表格里 垂直水平居中
效果图: css vertical-align: middle; //水平居中 text-align: center; //(可选)垂直居中 border:1px solid black; //(可选)加个边框... PANXI- 0
- 0
- 15
-
div滚动到指定位置固定
首先将需要顶部固定的区域使用<div id="nav_fuanfu">包裹起来,然后在网页的特别底部放上以下的JS代码,用于控制这个区域顶部滚动固定。 <script type="text/javascript" > function menuFixed(id){ var obj = document.getElementById(i…...Alextao
- 0
- 0
- 3.8k
-
CSS设置em不倾斜
一、认识em标签 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。 二、DIV+CSS去em斜体样式 font-style:normal ...Alextao
- 0
- 0
- 170
-
css避免padding属性影响元素宽度,造成溢出换行
最近在写Time for插件缩略图排列的时候,由于padding属性总是影响盒子大小,导致默认写好的参数在不同宽度场景下存在溢出换行的情况,或者是填不满盒子。 如图 解决办法 在要控制元素排列的外层标签上添加 box-sizing: border-box;属性,进而不让padding影响盒子大小。 定义和用法 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 …...Alextao
- 1
- 0
- 978
-
js实现H5页面点击返回上一页,如无自动跳转首页防止跳出站
<input class="back" type="button" name="Submit" value="返回上一页" onclick="document.referrer === '' ? window.location.href = 'https://www.zua…...Alextao
- 0
- 0
- 164
-
使用百度地图API在浏览器端H5页面获取当前城市位置
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的API密匙"> </script> <div id="bdMapBox" style="display:none;"> &l…...Alextao
- 0
- 0
- 197
-
IOS原生浏览器使用智能应用横幅宣传应用,创建横幅以从网站在App Store上推广您的应用。
效果如图: 与其他促销方法相比,Smart App Banners极大地改善了用户的浏览体验。在iOS中,智能应用横幅广告可为用户带来一致的外观。他们相信点击横幅将把他们带到App Store,而不是第三方广告。他们喜欢在网页顶部贴上醒目的横幅,而不是全屏显示,以免打断他们对Web内容的体验。借助醒目的大型“关闭”按钮,横幅很容易消除。当用户返回网页时,横幅不会重新出现。 如果该应用程序已经安装在…...Alextao
- 0
- 0
- 484
-
CSS适配iOS全面屏底部横条
最近在看 开发者避雷指南-百度搜索算法规范详解时,发现里边有写到 页面机型适配: 所有开发者应对资源页面做好不同手机型号的适配效果,不影响用户的正常浏览使用。其中IOS全面屏手机底部横线不可遮挡页面的具体功能和内容。 百度解释如下 动手适配 在head头部代码中添加 <meta name="viewport" content="width=device-widt…...Alextao
- 0
- 0
- 1.3k
-
html 锚点定位偏移 外边距增加
锚点样式 <div class="main-description"> <!-- 跳转关于我们锚点--> <a name="about-us" style="position: relative;top: -80px;"></a> </div> 相关内容 HTML中a标签锚点定位…...Alextao
- 0
- 0
- 661
-
css hover改变其他class属性
css鼠标效果改变其他样式 效果如图: 代码参考 .zmki_box_li li{ background-color: #F2F5FB; padding: 8px 15px!important; border-radius: 10px; transition: background-color 0.3s,color 0.3s; } .zmki_box_li li:hover{ background…...Alextao
- 0
- 0
- 877
-
CSS让Li标签溢出后自动换行
CSS: white-space: nowrap; 定义和用法 white-space 属性设置如何处理元素内的空白。 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 pre-wrap 保留空白符序列,但是正…...Alextao
- 0
- 0
- 2.7k
-
Html ul、li Css标签详解 使用图片自定义样式 隐藏小点样式齐全
前排丢一下本文大部分内容机器生成用的代码,贴一下供参考 PHP 关于li标签的用法我在使用过程中也是经常需要临时去查询,为了以后可以更快找到。还是自己总结一下,方便日后查看。 本文涵盖了所有CSS自带的li标签样式效果,以及一个图片形式。(使用图片Url) 引用自定义图片、 语法: list-style-image : none | url (url) eg. li {list-style-ima…...Alextao
- 0
- 0
- 2k
-
css缩略图最佳缩放实践
object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签,一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。您可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的对齐方式。 CSS / * 控制缩放 */ object-fit: cover; / * 鼠标光标手势 …...Alextao
- 0
- 0
- 1.3k
-
div标签img图片垂直居中css
display: table-cell; /*主要是这个属性*/ 没错,给img带上这个标签即可。如果不行就给上级div 赋值 margin: 0 auto; 如下图: ...Alextao
- 0
- 0
- 545
-
CSS背景图像,镜像翻转、缩放、背景偏移与定位、文字溢出处理
CSS下镜像翻转(水平/垂直翻转) 两种写法 【方法一】利用css动画属性rotate旋转来实现: /* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotateVertical { transform: rotateX(180deg); /* 垂直镜像翻转 */ } 此处,rotate…...Alextao
- 0
- 0
- 2.8k
-
WordPress宇宙超级无敌美化框
我是迷幻紫 WordPress美化文章彩色渐变框钻芒美化版是怎么回事呢?WordPress相信大家都很熟悉,但是WordPress美化文章彩色渐变框钻芒美化版是怎么回事呢?下面就让小编带大家一起了解吧。 WordPress美化文章彩色渐变框钻芒美化版,其实就是WordPress美化文章彩色渐变框钻芒美化版,大家可能会感到很惊讶,WordPress怎么美化文章彩色渐变框钻芒美化版呢??但事实就是这…...Alextao
- 0
- 0
- 2.1k
-
自动PC端隐藏 手机端显示CSS代码判断实现自适应
上一篇说过在pc显示,手机隐藏的css案例。最近有用的到需要在电脑上自动隐藏手机端显示的例子。 PC显示手机隐藏: 实现方法: CSS判断控制路: .wppc{ display: none; } @media (max-width: 767px) { .wppc{ display: block !important; } } 在需要隐藏的区域加一个DIV,代码如下: <div class=&…...Alextao
- 0
- 0
- 2.3k
-
小程序/web开发实例 css居底显示
效果: CSS: .zmki_footer{ font-size: 10px; text-align: center; color: #858585; bottom: 0px; /* height: 200px; */ position: fixed; left: 0; width: 100%; padding-bottom: 20px; } HTMl:...Alextao
- 0
- 0
- 1.6k
-
js实现全屏切换控制 WordPress
前段时间做的几个小项目都加入进去了全屏切换控制按钮,这个过程是怎么实现的呢,其实和暗黑控制切换一样。非常的简单。并且适用于所有网站,WordPress、typecho都不是问题,技术互通。只待你补充css 效果展示 正文开始 #js代码 //控制全屏 function enterfullscreen() { //进入全屏 $("#fullscreen").html("…...Alextao
- 0
- 1
- 2.1k
-
css 背景图片100%自适应屏幕
background:url(images/test.jpg)no-repeat; background-size:100% 100%; overflow:hidden; https://www.cnblogs.com/deneyZhao/p/7444599.html...Alextao
- 0
- 0
- 2.8k
-
css修改浏览器内的页面滚动条样式
有时候网站逼格够了之后却发现默认的滚动条很影响和整体美观 如下图: 暗黑模式下全屏展示右侧的滚动条显得很突兀。 修改后 由于要考虑到白天模式,所有个滚动条也要合适白天使用,所以这里钻芒博主采用了纯白为底色,茶花红#ee3f4d为滑块颜色,黑白通吃 修改方法,把下面的css丢到你的style.css即可 第二块注释的为彩色滚动条。可自行修改 ::-webkit-scrollbar {/*滚动条整体…...Alextao
- 0
- 0
- 3k
-
html超链接在Js内的一些写法转变与应用
:oops: 博主前端基础薄弱,所以要多学习。 有时候遇到html内<a>标签需要写道js里边。众所周知博主js学的不如php。所以此遇到新的跳转方式都要去百度学习一番。这里总结一下几个我遇到的情况。方便自己日后查看。并提供给需要的参考。 一,js窗口内跳转 原html写法 <a href="https://www.zuanmang.net"> 钻芒博…...Alextao
- 0
- 0
- 1.8k
-
js页面跳转(链接,超链接)
<!DOCTYPE html> <html> <head> <title>链接和超链接</title> </head> <body> <a href="http://www.baidu.com">链接--当前页面打开--相当于window.location.href&…...Alextao
- 0
- 0
- 2.4k