博客视频音乐美图软件
技术思绪摘录旅行笔记
原来不止我一个人遇到了这个问题 原创声明
今天写一个效果，其中用到Canvas，但是总有一个4像素在其中作怪，实在不知道啥原因，最后一搜索，发现有人和我一样，这里做个记录。

我目的是写个效果，其中用到了canvas画个动画，大致结构如下：

<body>
    <div>
        <canvas width="500" height="150"></canvas>
    </div>
</body>

最后发现div老是比canvas高出4像素，导致这个div下方留出4像素空白区域。

以至于加了如下样式也不行

        * {
            margin: 0px;
            padding: 0px;
        }

开始没在意，多出4像素，那么直接加一个负4像素来搞定。

div{
    margin-bottom:-4px;
}

但是我发现到其他浏览器之后，这负4像素又把下方的dom给挡住了，看来不是这么搞的。

面向百度编程一搜发现下方的文章：

https://segmentfault.com/q/1010000009638782

微信截图_20201121214812.png

主要原因如下：

image.png解决方案有两种方法：

canvas{
         display: block;
       }
div{
      font-size: 0;
    }


CarsonIT 微信扫码关注公众号 策略、创意、技术

上一篇 下一篇

留下您的脚步

 

最近评论

查看更多>>

.NET MYSQL ELECTRON 算法 LINUX C# HTML EF CODEFIRST JAVASCRIPT WEBAPI 二维码 .NET6 ORM ELK ELASTICSEARCH 日志归集 工具 SQLSERVER LOGSTASH .NET5 JENKINS 持续集成 自动化部署 CENTOS EFCORE MONGODB HTTPS CANVAS KIBANA

站点统计

总文章数：276 总分类数：18 总评论数：90 总浏览数：186.36万

精选推荐

阅读排行

如何在.net MVC中优雅的使用Ueditor

如何在.net MVC中优雅的使用Ueditor

如何在.net MVC中优雅的使用Ueditor，很多场景都需要使用编辑器，今天说的是百度的富文本编辑器，强大，功能点多，配置稍微复杂一点点。
百度网盘简易下载助手 网速拉满小插件

百度网盘简易下载助手 网速拉满小插件

这个插件可以实现百度网盘全速的下载，缺点是每次只能下载一个文件，非常好用
5年后，我们为什么要从 Entity Framework 转到 Dapper 工具？

5年后，我们为什么要从 Entity Framework 转到 Dapper 工具？

向来有争议的话题都是公说公的理，婆说婆的理，Entity Framework的爱好者对此可以说是嗤之以鼻，不屑一顾，而Dapper爱好者则是举双手赞成，阅之大快人心。每个人不同的阅历，社会经验，甚至对简繁的偏见都会影响对此事的看法，凡事都有优劣，取其精华而弃之糟泊，方为上策。这篇文章则将目光聚焦到Dapper。
一、Electron 之HelloWord

一、Electron 之HelloWord

Electron一个使用HTML、CSS和JavaScript开发桌面应用程序的框架。Electron可以生成在Windows、macOS和Linux上运行的应用程序，借助Electron可以把我们的web端应用直接移植到桌面端而无需再次开发，这样我们可以使用同一套代码在不同平台上运行应用，极大的缩短了开发时间。
前端获取短链接

前端获取短链接

很多功能都不需要后端即可完成，只是看你如何巧妙的运用，下文展示如何利用新浪接口获取短链接，里面的key不能用于生产环境，仅用于测试。
利用百度地图api对数据排序

利用百度地图api对数据排序

利用百度地图api对数据排序，本文学习了百度api的使用，及其复习以下冒泡排序，完美
MYSQL 删除多余重复的数据，保留一条

MYSQL 删除多余重复的数据，保留一条

以实际场景来理解怎么从一步一步的查询，到最后删除多条，保留一条的，本文做一个备忘，如果有更好的方案，可以交流哦
康纳麦克雷戈

康纳麦克雷戈

一个能在战前羞辱你，战时打败你，为了家庭努力的男人，我天天挨打跟吃饭一样的人，怎么能不成功呢？她老婆养了他好几年，现在轮到他回报他老婆了。一个你骂不赢也打不赢的人,康纳麦克雷戈
致2018年的自己

致2018年的自己

时间过得很快啊，一转眼已经二十四年了，工作两年多了，一切还是按照当初计划的那样进行着，工作第一周给自己定了一个五年计划，现在已经快过了一半了，看样子比我预想的要稳定很多。 第一份工作为期两年，不为钱，只为学习；为今后打下基础，积累技术，积累管理经验，无论遇到什么事，什么人，我都以礼相待，虽然每天过的有时候充足，有时候难过，但是很感谢这两年的努力和不容易。
新一代 iPad Pro，全面新生。

新一代 iPad Pro，全面新生。

全新，全面屏，全方位强大。一切彻底重新设计，并融入我们的各种先进科技。这将启发你重新思考 iPad 能做到什么。
六、Electron 之网页安全政策 Content-Security-Policy

六、Electron 之网页安全政策 Content-Security-Policy

Content Security Policy 简称 CSP 是一种网页安全政策 CSP 的实质就是白名单制度，开发者明确告诉客户端，哪些外部资源可以加载和执行，等同于提供白名单。它的实现和执行全部由浏览器完成，开发者只需提供配置。 CSP 大大增强了网页的安全性。攻击者即使发现了漏洞，也没法注入脚本，除非还控制了一 台列入了白名单的可信主机。 通俗的讲开启 CSP 后可以让浏览器自动禁止外部注入恶意脚本，增加网站的安全性能。从 2.0 版本开始，如果使用 electron 的开发人员没有定义 Content-Security-Policy，Electron就会在 DevTool console 发出警告提示
SqlServer执行脚本，文件过大，内存不足

SqlServer执行脚本，文件过大，内存不足

SqlServer执行脚本，文件过大，内存不足这种情况很少见，不过可能会遇到，我当时就是在导入全国四级省市区镇的数据的时候，发现这个问题，sql文件大概几百兆的样子，SQLSERVER会将文件预读，再进行执行，这样很考验电脑的内存，本文介绍的方式是在内存无法支撑的情况如何处理。
二、Microsoft.EntityFrameworkCore之关系描述

二、Microsoft.EntityFrameworkCore之关系描述

在日常开发中，经常用到CodeFirst模式进行开发，那么我们需要了解基本的EFCore的使用和其原理，本次系列包括EFCore的迁移、关系描述，主要是以我个人经验向大家讲解，希望学习EFCore的同学们，能一看就知道关系描述应该怎么配置。
可能是最简单的手机号码生成算法

可能是最简单的手机号码生成算法

如果用算法来生成手机号，需要怎么做呢？实际场景中经常会用到手机号，那么手机号有那些，知道了规则，那么生成就知道如何下手了，这篇文章就介绍了如何生成手机号码。
关于C#执行Mysql创建存储过程脚本@符号的问题处理

关于C#执行Mysql创建存储过程脚本@符号的问题处理

在项目中遇到了需要代码执行创建存储过程的需求，但是因为在存储过程有时候需要用到变量，用到了@符号，这时候发现MySqlCommand执行报错，提示需要给这个带艾特的参数赋值，意思是他当成了sqlparameter处理了，就是我们防止注入的那个东西。这篇文章介绍一下另外的一个方案，让我们可以实现用代码执行带@符号的sql语句。
Resharper 2021.3.2-VS2022可用的扩展插件

Resharper 2021.3.2-VS2022可用的扩展插件

ReSharper是一个JetBrains公司出品的著名的代码生成工具。其能帮助Microsoft Visual Studio成为一个更佳的IDE，它包括一系列丰富的能大大增加C#和Visual Basic .net开发者生产力的特征。使用ReSharper，你可以进行深度代码分析，智能代码协助，实时错误代码高亮显示，解决方案范围内代码分析，快速代码更正，一步完成代码格式化和清理，业界领先的自动代码重构，高级的集成单元测试方案，和强大的解决方案内导航和搜索。实质上，ReSharper特征可用于C#，VB.NET，XML，ASP.NET，XAML，和构建脚本。ReSharper还为C#和VB.NET提供了增强的交叉语言功能，它使开发者可以有效的控制.net混合项目。
锤子手机 M1 白色宣传片

锤子手机 M1 白色宣传片

锤子手机 M1 白色宣传片，相当震撼，可能是锤子最努力的时候
公众号求关注js插件

公众号求关注js插件

根据多个项目需求，这个小功能有必要封装一个js插件，需要地方随时引入使用即可
MYSQL实现行转列功能之GROUP_CONCAT

MYSQL实现行转列功能之GROUP_CONCAT

GROUP_CONCAT 是 SQL 中的一个聚合函数，它用于将多行记录合并成一个字符串。这个函数在需要将多行数据以逗号分隔的形式展示在一个字段中时非常有用。GROUP_CONCAT 在不同的数据库管理系统中可能有不同的实现方式，但其基本用法是类似的。
四、Microsoft.EntityFrameworkCore之一对一

四、Microsoft.EntityFrameworkCore之一对一

在日常开发中，经常用到CodeFirst模式进行开发，那么我们需要了解基本的EFCore的使用和其原理，本次系列包括EFCore的迁移、关系描述，主要是以我个人经验向大家讲解，希望学习EFCore的同学们，能一看就知道关系描述应该怎么配置。
疫情数据关注工具-支持全平台版本(12月15停止更新，一个时代的结束)

疫情数据关注工具-支持全平台版本(12月15停止更新，一个时代的结束)

疫情形式严峻，我十分关心每天的疫情动态，但是我发现无论是百度的疫情动态，还是腾讯的动态，数据都不完整，而且腾讯的风险地区更新不及时，导致经常看到错误数据。
.NET WebApi配置Swagger详细教程

.NET WebApi配置Swagger详细教程

Swagger可以根据xml文件生成api接口文档，前后端节约沟通时间，减少对接成本，是一个非常好的解决方案；本文主要记录一下，Vs2019从0开始，搭建一个WebApi最终利用Swagger看到相关接口，并解决Swagger汉化的问题，解决Swagger在.net Webapi中控制器名称标注问题。
《灵笼》白月魁 壁纸

《灵笼》白月魁 壁纸

国漫《灵笼》特别篇播出，作为第一季的大结局剧情，灵笼在最后一话的特别篇中终于把地面神秘人物白月魁的身份信息给揭露了出来，原来之前马克队长猜得没有错，当时在下到地面采集物资的时候，看到的女子其实就是白月魁小队，她们是生活在地面的人类，但是从本质而言，似乎已经和人类有所区别。
Hangfire任务调度从入门到实践

Hangfire任务调度从入门到实践

Hangfire是一个任务调度的组件，自带面板，可以操作正在运作的任务，可以看到执行情况，而且使用起来简单，Hangfire不受特定.NET应用程序类型的限制，只要是.NET Framework 4.5以上，Newtonsoft.Json library ≥ 5.0.1，有一个mysql或者mssql数据库即可。而且最新的支持.NET Core,这篇文章主要记录一下如何在.NET Core 3.1中用mysql来帮助Hangfire实现持久化。
Resharper 2021.3.2-VS2022可用的扩展插件

Resharper 2021.3.2-VS2022可用的扩展插件

ReSharper是一个JetBrains公司出品的著名的代码生成工具。其能帮助Microsoft Visual Studio成为一个更佳的IDE，它包括一系列丰富的能大大增加C#和Visual Basic .net开发者生产力的特征。使用ReSharper，你可以进行深度代码分析，智能代码协助，实时错误代码高亮显示，解决方案范围内代码分析，快速代码更正，一步完成代码格式化和清理，业界领先的自动代码重构，高级的集成单元测试方案，和强大的解决方案内导航和搜索。实质上，ReSharper特征可用于C#，VB.NET，XML，ASP.NET，XAML，和构建脚本。ReSharper还为C#和VB.NET提供了增强的交叉语言功能，它使开发者可以有效的控制.net混合项目。
EFcore+MySql 数据迁移的时候，怎么给表结构加注释？

EFcore+MySql 数据迁移的时候，怎么给表结构加注释？

Microsoft.EntityFrameworkCore是一个非常不错的设计，当一套系统里面出现太多的SQL，其实已经不合理了，所以EF让开发者不再接触SQL，而是直接以对象形式操作数据库，EF来负责Sql代码生成和执行，通常在开发中，有根据数据表结构来生成实体的，也有根据实体生成数据库的，就是所谓的DbFirst和CodeFirst，这篇文章主要说一下CodeFirst的应用，用的是MySql数据库。
可能是最简单的控制台输出二维码

可能是最简单的控制台输出二维码

二维码使用场景很广泛，最近遇到需要在控制台输出二维码，但是其中遇到一些问题，导致代码正常，但是显示确不正常，本文给出的代码已经完全解决了这些问题，而且非常简洁。
.NET5 WebApi 实现JWT及其验证实战

.NET5 WebApi 实现JWT及其验证实战

Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准（(RFC 7519).该token被设计为紧凑且安全的，特别适用于分布式站点的单点登录（SSO）场景。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源，也可以增加一些额外的其它业务逻辑所必须的声明信息，该token也可直接被用于认证，也可被加密。本文只是举个例子，可以这么整，如果要用于生产环境，可能得再封装一下，注释都加的齐全，没用过的可以看看。
阿里云对象存储OSS使用STS临时授权给Browser.js

阿里云对象存储OSS使用STS临时授权给Browser.js

阿里云对象存储OSS（Object Storage Service）是阿里云提供的海量、安全、低成本、高可靠的云存储服务。其数据设计持久性不低于99.9999999999%（12个9），服务可用性（或业务连续性）不低于99.995%。OSS具有与平台无关的RESTful API接口，您可以在任何应用、任何时间、任何地点存储和访问任意类型的数据。如果你的应用场景仅仅是网站上传个图片、视频这些，那么阿里云OSS和七牛云的作用是一样的。
C# 对比两个实体类指定字段是否被修改并得出修改记录

C# 对比两个实体类指定字段是否被修改并得出修改记录

需求来源：一条数据被编辑之后，日志要记录下改动了什么项，从什么改成什么了，还得可以指定某些字段，比如用户表，只要改了用户名，就记录一下日志，业务可以根据是否有修改来发送通知啊或者启用禁用啊这些操作。
MongoDb 4.2.7 配置复制（副本集replSet）实现主从同步（Windows）

MongoDb 4.2.7 配置复制（副本集replSet）实现主从同步（Windows）

MongoDB在4.0之后，增加了事务，说明Mongodb生态越来越丰富，将来肯定可以满足更多的应用场景，在用了事务之后，操作数据的时候报错，提示实例需要是副本集，这篇文章就说一下，什么是副本集，能干啥？
利用PinYinConverter实现汉字转拼音，支持多音字

利用PinYinConverter实现汉字转拼音，支持多音字

汉字转拼音的需求不多，但是遇到了再去写，稍显麻烦，索性写一个辅助类放着，这里利用了Microsoft.International.Converters.PinYinConverter类库，多音字则以多种组合的方式返回给开发者。
百度网盘简易下载助手 网速拉满小插件

百度网盘简易下载助手 网速拉满小插件

这个插件可以实现百度网盘全速的下载，缺点是每次只能下载一个文件，非常好用
Postman的一个小技巧 Pre-request Script的使用

Postman的一个小技巧 Pre-request Script的使用

Postman一款非常流行的API调试工具。其实，开发人员用的更多。因为测试人员做接口测试会有更多选择，例如Jmeter、soapUI等。不过，对于开发过程中去调试接口，Postman确实足够的简单方便，而且功能强大。
Visual Studio生成注释的插件GhostDoc，支持2022

Visual Studio生成注释的插件GhostDoc，支持2022

GhostDoc为Visual Studio中的C#代码编辑器安装了一个新的命令。在编辑源文件时，只需将光标置于要添加文档的方法或属性内部，然后通过热键（默认为Ctrl+Shift+D）或右键菜单中的Document this菜单项调用命令，GhostDoc就会插入一段XML格式的注释。你也许会想到在方法或属性前面键入"///"时的类似效果，但是后者只能创建一段空的注释构造，而GhostDoc则能够生成大部分实用的注释。
NPOI导出Excel，包含一个或者多个sheet表

NPOI导出Excel，包含一个或者多个sheet表

NPOI是指构建在POI 3.x版本之上的一个程序，NPOI可以在没有安装Office的情况下对Word或Excel文档进行读写操作。NPOI是一个开源的C#读写Excel、WORD等微软OLE2组件文档的项目。他导出的文件和你电脑右键创建的office文件一样原生，不会提示格式不符，重要的是不依赖office组件。
5年后，我们为什么要从 Entity Framework 转到 Dapper 工具？

5年后，我们为什么要从 Entity Framework 转到 Dapper 工具？

向来有争议的话题都是公说公的理，婆说婆的理，Entity Framework的爱好者对此可以说是嗤之以鼻，不屑一顾，而Dapper爱好者则是举双手赞成，阅之大快人心。每个人不同的阅历，社会经验，甚至对简繁的偏见都会影响对此事的看法，凡事都有优劣，取其精华而弃之糟泊，方为上策。这篇文章则将目光聚焦到Dapper。
倩女幽魂套图

倩女幽魂套图

倩女幽魂套图，收藏了，这个工作室画的很好，惊艳，美观
没有一种工作是不委屈的

没有一种工作是不委屈的

毕业季也是就业季，今年我国有765万高校毕业生将走出校园，步入职场，数据显示目前已有一半人找到了工作。没找到的那一半中，有些人并非能力不行，而是不愿“将就”，总想一步到位找到一份心满意足的工作；找到的那一半也没有“万事大吉”，有些人因为无法调整好自己的心态而郁郁寡欢……
可能是最简单的手机号码生成算法

可能是最简单的手机号码生成算法

如果用算法来生成手机号，需要怎么做呢？实际场景中经常会用到手机号，那么手机号有那些，知道了规则，那么生成就知道如何下手了，这篇文章就介绍了如何生成手机号码。

友情打赏

请打开您的微信,扫一扫

开源中国 CSDN社区 技术博客 microsoft .net 博客园

© 1994-2024 yangshaofeng. All Rights Reserved.
蜀ICP备16016433号-1
川公网安备 51010702003150号