随笔分类 - html5|unapp|app|跨端
摘要:...filters:{formatRichText(msg) { var msg = msg.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag msg = msg.replace(/[|]*\n/, ''); //去除行尾空格 msg = msg.replace(/
阅读全文
摘要:https://www.shanhubei.com/archives/51233.html 后台返回的数据有时候没有过滤带标签,平时就只能v-html渲染出来,但是如里面有图片的话 会出现图片过大超出屏幕的问题,那么普通的加样式已经不会生效了,就只能想办法来解决了。 代码演示, 解决办法呢,也很简单
阅读全文
摘要:来源:https://www.shanhubei.com/archives/51231.html 1.使用vue语法的 v-html <!-- 使用v-html渲染富文本 --> <!-- <view v-html="`<h1>富文本</h1><h2>富文本</h2><h3>富文本</h3>`"><
阅读全文
摘要:给容器加入以下 css 代码: .text{ display: -webkit-box; /*弹性伸缩盒子模型显示*/ -webkit-box-orient: vertical; /*排列方式*/ -webkit-line-clamp: 1; /*显示文本行数(这里控制多少行隐藏)*/ overfl
阅读全文
摘要:http://www.shanhubei.com/archives/13642.html 直接上代码: <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>2024新年快乐!万事如意!</title> <met
阅读全文
摘要:来源:http://www.shanhubei.com/archives/13639.html 一、烟花代码 烟花从发射到绽放一共分为三个阶段: 发射阶段, 烟花绽放 , 烟花凋零 。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <t
阅读全文
摘要:CSS背景图不重复可以通过设置background-repeat属性来实现。这个属性可以设置背景图片在水平或垂直方向上是否重复,也可以设置不重复。 background-repeat: no-repeat; 如果想让背景图片在水平或垂直方向上不重复的话,可以使用background-repeat-x
阅读全文
摘要:'use strict'; const express = require('express') const http = require('http') const https = require('https') const fs = require('fs') const path = req
阅读全文
摘要:添加图片的时候,图片的默认样式是图片与图片之间有间隙,图片下面也有间隙,需要使用方法进行清除,列举三种方法:方法一:给图片设置对齐方式:vertical-align:top/middle/bottom方法二:给图片转块 display:block;方法三:给图片的父元素设置font-size:0;l
阅读全文
摘要:1.它的父元素或者父元素的父元素等(总之就是直系长辈元素)任意一个设置overflow:hidden;overflow-x: hidden; overflow-y: hidden;overflow:auto;overflow-x:auto;overflow-y:auto;的任意一种时,就会不生效。父
阅读全文
摘要:只要在你的网站全局的部分添加这段 css 代码就可以实现整站素装了。 <style> html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter
阅读全文