css
json-yc
程序员 软件工程师
展开
-
文字滚动 vue
<template> <div class="TextRunning"> <div class="myMarquee" style="width:300px"> <span>**</span> <div class="myMarqueeLay"> <div class="myMarqueeWrap"> <div class="myMarqueeCo原创 2021-07-29 23:55:08 · 82 阅读 · 0 评论 -
css 文字滚动-react
reactimport React from 'react'import styles from './TextRunning.less'import { NotificationOutlined} from '@ant-design/icons';import {Modal} from "antd";const TextRunning = (props)=>{ const [textArr,setTextArr] = React.useState([ {原创 2021-07-29 23:52:40 · 403 阅读 · 1 评论 -
视频 图片撑满容器 object-fit:fill
视频 或者图片 为了保证自己展现的内容不变形 会默认保持自己的长宽比例,但是有时候 需求是满铺 就需要用到 object-fit 属性语法object-fit 属性由下列的值中的单独一个关键字来指定。取值contain被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配,该对象将被添加“黑边”。cover被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配,该对象.原创 2020-07-13 09:42:30 · 1658 阅读 · 0 评论 -
常用css 文本 样式 滚动条css 样式
常用css文本不换行,直到遇到br标签。white-space:nowrap;前提设定宽度.一行文本 省略号 text-overflow: ellipsis; overflow: hidden; white-space: nowrap;多行文本省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:...原创 2020-07-03 17:09:46 · 498 阅读 · 1 评论