
CSS
我不瘦但很逗
日常记录输出
展开
-
css 超长文本自动换行
超级长的字符串效果如下:主要代码如下:设置外边距字符串整体缩进,超级赞 display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; word-break: break-all; overflow-wrap: break-word;...原创 2022-05-11 18:27:46 · 2078 阅读 · 0 评论 -
css引入第三方字体(等宽非衬线)
需求:是系统字体设置成等宽的,内置字体 有等宽类型,但是却不美观;想要那种英文字体等宽的,数字不是衬线的,最后找到了Droid Sans Mono 很符合预期;效果如下:等宽字体且对齐,数字0没有斜杠,非衬线的再此分享一个文字效果的网站:等宽非衬线引入第三方文字方法:创建一个css文件@font-face { font-family: 'Droid Sans Mono'; //字体名称 src: url("Droid-Sans-Mono.ttf"); //字体文件路径 font-.原创 2022-05-11 14:20:09 · 569 阅读 · 0 评论 -
CSS文本溢出隐藏,显示省略号
仅供自己记录,老用还不记得,哈哈哈笨死了!!!单行文本溢出隐藏:overflow: hidden;单行文本溢出隐藏显示省略号:white-space: nowrap;overflow: hidden;text-overflow: ellipsis;多行文本溢出隐藏显示省略号:text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webki原创 2022-03-25 15:01:31 · 1440 阅读 · 0 评论