程序员经验分享-hwhale

使用 CSS 制作窄字符

2024-02-04

如何使用 CSS 减少类似 Arial 字体的字符宽度？


您无法减少字符宽度，但可以减少字母间距。

span {
 letter-spacing: 0px;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

fonts

width

使用 CSS 制作窄字符 的相关文章

  • 旋转后变换比例

    我有个问题 我正在将 div 旋转 45 度 然后我想在新的 y 轴上缩放它http jsfiddle net P37g5 2 http jsfiddle net P37g5 2 y 轴现在不是 45 度吗 我不确定我是否正确理解了这个问题

  • 图像上的文本和背景颜色叠加

    我正在尝试创建一个与图像大小完全匹配的纯色叠加层 并在该叠加层上显示文本 如果可能的话 我想仅使用 HTML 和 CSS 来完成此操作 图像可以是任何大小 并且将调整大小以适合其父容器并居中 像这样的东西 不起作用 HTML div cla

  • Chrome 将 0 宽度的表格单元格显示为 1px

    在 Firefox 中 我相信是正确的 由于 width 0 看不到红色 div 但在 Chrome 中 它显示为具有 1px 宽度 这似乎是最新版本 Chrome 的问题 这把小提琴 http jsfiddle net bFZf4 显示问

  • Android Chrome 忽略 -webkit-text-size-adjust:none 属性。缩小时文本会缩放

    我们的客户请求一个网站 但不想支付移动版本的费用 我们仍在使其在移动设备上运行 当完全缩小时 Android 4 0 上的 Chrome 会缩放一堆文本 我们尝试设置 webkit text size adjust none 属性 但它似乎

  • 如何将 google 字体添加到 gatsby 网站

    Gatsby 入门 当我使用 google 字体将链接标记添加到 public index html 时 它可以在开发模式下工作 当我构建网站时 index html 会被重置 所以我想还有另一种添加字体的正确方法吗 您还可以使用反应头盔

  • 使用 CSS 网格布局跨越所有列/行的项目

    随着 CSS 网格布局模块很快在 Firefox 和 Chrome 中发布 我想我应该尝试了解如何使用它 我尝试用一 个项目创建一个简单的网格a跨越所有行的左侧 其他项目 b c d e等 跨越各个行的右侧 跨越行右侧的项目数量是可变的 因

  • 将 SVG 元素放置在图像上

    是否可以拥有以下元素并设置它们的样式 以便 SVG 对象出现在图像上 即像图像的一部分 目前它们显示在其下方的新行中 我知道我可以将图像设置为父 div 的背景图像 但不幸的是我还需要能够在父级内旋转它 所以我认为这不是一个选项 div s

  • 如何更改/自定义 Google 地图上街景小人的图标？

    我已经搜索了 stackexchange 但我只找到了更改街景小人位置的问题 答案 有没有办法改变它的源图像 我尝试过像这样影响风格 map canvas gt div gt div nth child 8 gt div nth child

  • CSS 双边框，外边框比内边框粗

    在我目前的工作中 我需要在容器上生成双边框 边框样式 双 实现这一点 但是我的客户希望外边框更厚 内边框具有正常厚度 除了创建 2 个 div 其中 1 个嵌套在另一个 div 中 外部 div 具有更大的厚度 或者通过使用边框图像 还有什

  • 如何使用滚动条图像？

    如何使用 HTML CSS 替换滚动条的图像 I have scrollbar base color 00acee scrollbar dark shadow color 00acee scrollbar track color fffff

  • CSS过渡div晃动

    为什么当我使用位置绝对和百分比宽度时 当我将鼠标悬停在上面的 div 上时会出现此故障 有例子 我在更复杂的网站上遇到了这个故障 div class box text div div class container div box widt

  • 向下滚动时如何使图像移动？

    这是我想要实现的目标的示例 https www flambette com en https www flambette com en 我尝试过更改图像的 css 属性 但效果不能满足我的需求 我尝试过以下代码 mydocument on

  • 是否可以使用纯 css 禁用 mat-tab 动画

    我想禁用 Angular Material mat tab 动画 内容滑入到位时发生的动画 我知道可以使用 disabled 属性 但我想知道是否可以使用纯 css 达到相同的效果 EDIT 我们的用户体验团队希望从材质选项卡中删除幻灯片动

  • 清除 CSS 过渡

    我使用 CSS 框架 该框架在将鼠标移动到输入元素上时应用过渡 我有一堂课 我不想有这种转变 这可能吗 只需放置过渡 无 在CSS中并使其优先级高于其他 Example html div class a div div class a b

  • 盒子大小是否可在电子邮件模板中使用

    我正在创建电子邮件模板 我发现了这个CSS 支持指南 https www campaignmonitor com css but box sizing不在那儿 我想知道是否支持该 CSS 属性 如果支持 哪些电子邮件客户端支持它 不 不支持

  • 用于选择 querySelector 中当前元素的 CSS 伪选择器可用于同级 (+) 或一般同级 (~) 选择器？ [复制]

    这个问题在这里已经有答案了 如果我有这个 HTML div class elem div class child div div div class sibling div 和JS let elem document querySelect

  • 自动调整元素 (div) 大小以适合水平内容

    我尝试谷歌搜索 但没有得到太多结果 我正在构建一个水平轮播 它在浮动的 LI 中显示图像 我想解决的问题是 每次我向轮播添加缩略图 我是延迟加载 时 我都需要重新计算轮播的宽度 以便所有浮动缩略图很好地并排排列 其一 我宁愿不必在 JS 中

  • Django 1.7：如何使用 html/css 文件作为模板发送电子邮件

    从 Django 1 7 开始 可以send email 使用新参数 html message 不幸的是 没有关于如何使用它的全面指南 新手友好 或者至少我找不到它 我需要使发送的电子邮件变得漂亮 因此 我试图弄清楚如何将我的消息包含到 h

  • 如何将外部 div 的高度设置为始终等于特定内部 div 的高度？

    我有一个外部 div 其中包含三个内部 div 我希望最左边的内部 div 始终确定外部 div 的高度 如果其他内部 div 的内容 比最左边的 div 少 它们将有空白空间 如果他们有更多的内容 比最左边的div 他们将得到一个滚动条

  • 更改 CSS 样式表的选择器属性

    以下是我们传统上如何更改重复元素的样式 将样式应用到每个元素 function changeStyle selector prop val var elems document querySelectorAll selector Array

随机推荐

  • NSTimer 一段时间后在后台停止

    当应用程序进入后台时 我使用 NSTimer 在 1 秒后调用一个方法 并在近 17 分钟后计时器停止工作 当它返回前台时 它再次开始工作 所以请告诉我为什么会发生这种情况以及如何解决该问题 我还尝试使用延迟递归的执行选择器来达到相同的目的

  • 调用 QtGui.QFileDialog.getExistingDirectory 时出错

    在 pyqt 代码中 我试图向用户提升一个对话框并让用户选择一个文件夹 看来 QtGui QFileDialog getExistingDirectory 方法应该能够做到这一点 问题是代码运行后有一些错误消息 D Lib debug pr

  • removeObject 是否释放 NSMutableArray 对象中的对象？

    我想知道当您在数组中使用removeObject 删除对象时 是否正确处理了删除的对象 被移除的对象会被释放吗 NSMutableArray 将释放它 如果这是最后一次保留 它将被释放 从文档中 与 NSArray 一样 NSMutable

  • 我的部分视图中的 Jquery 或 Javascript 问题

    我可以在部分视图中使用 jQuery 或 JavaScript 代码吗 我的部分视图中有一个网格 我试图在该部分视图中使用 jQuery 隐藏一个网格元素 我做不到 但如果我在没有部分视图的情况下使用它 相同的代码就可以工作 有人可以帮我吗

  • 委托不在单例中工作[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 为了在多个

  • Databricks - 无法从 DataFrame 写入 Delta 位置

    我想更改 Databricks Delta 表的列名称 所以我做了以下事情 Read old table data val old data DF spark read format delta load dbfs mnt main sal

  • 如何重建开发 Pod 变更？

    我有一个开发容器 我使用它在本地连接到我的应用程序 path gt Projects Swift pod 当我在该开发容器中的应用程序代码中进行更改时 构建后不会包含此更改 这就像我正在构建缓存代码 而不是更改我的代码 为了将代码更改包含到

  • 计算网络两个输出之间的 cosine_proximity 损失

    我正在使用 Keras 2 0 2 功能 API Tensorflow 1 0 1 来实现一个接受多个输入并产生两个输出的网络a and b 我需要使用 cosine proximity 损失来训练网络 这样b是标签a 我该怎么做呢 在这里

  • 在 makefile 中指定路径（Windows 上的 GNU make）

    我正在使用 GNU make 来构建一个使用 Microsoft Visual C 的项目 并且我希望能够从任何 CMD 窗口运行它 而不必打开预配置路径 以及各种其他环境变量 的预配置窗口通过批处理文件 理想情况下 我想在 makefil

  • 无法让 pyspark 作业在 hadoop 集群的所有节点上运行

    Summary 我无法运行我的 python spark 作业all我的 hadoop 集群的节点 我已经安装了 hadoop spark 1 5 2 bin hadoop2 6 的 Spark 启动 java Spark 作业时 负载得到

  • 如何检查 Asp.net Core MVC（又名 Asp.Net 5 RC1）中的响应 cookie？

    我正在将 Web 表单应用程序转换为 asp net core mvc 在我的 Web 表单应用程序中 有时在我设置一些响应 cookie 后 其他代码需要查看它们是否已设置 如果是 则访问 cookie 的属性 即值 过期 安全 http

  • 在 Powershell 中删除重复的 XML 节点组

    我有一个 XML 文件 由于重新运行脚本和文件夹结构 该文件可能包含重复的包元素 请参阅示例 XML 中的最后两个包 现在我需要一个 Powershell 函数来删除所有重复的包 在这种情况下 重复项是由制造商 名称 版本 文件名和执行版本

  • 如何从 CPAN 安装“Thread::Pool”？

    我在用着cpanm安装 Perl 模块 但我无法安装Thread Pool因为某些原因 sudo cpanm Thread Pool 失败并且日志文件显示 cpanm App cpanminus 1 0012 on perl 5 01000

  • Bottle.py 错误路由

    Bottle py 附带了一个导入来处理抛出 HTTPError 并路由到函数 首先 文档声称我可以 几个例子也是如此 from bottle import error error 500 def custom500 error retur

  • 您能识别出这个带有复选框的多选下拉列表吗？

    I m looking for this control which is definitely not stock It s on a website that I won t link so people don t think I m

  • 如何使用 parse.com 服务器 iOS 保存对象数组？

    我正在使用 parse com 服务器发送和检索我的 iOS 应用程序数据 我想保存歌曲列表 每首歌曲都有以下属性 标题 艺术家 专辑 我的代码片段在这里 IBAction saveSongsData id sender PFObject

  • 如何从 RAM 中完全解析压缩文件？

    背景 我需要解析一些各种类型的 zip 文件 出于某种目的获取一些内部文件内容 包括获取它们的名称 有些文件无法通过文件路径访问 因为 Android 有 Uri 来访问它们 并且有时 zip 文件位于另一个 zip 文件内 随着使用 SA

  • 我怎样才能让阴谋集团安装酸性状态？

    我是 Haskell 的新手 想尝试酸性状态库 但在尝试安装它时得到以下输出 gt cabal install acid state Resolving dependencies Configuring acid state 0 7 5 B

  • SSIS - 创建日期时间的脚本问题

    我正在使用 SSIS 将数据从 CSV 文件上传到数据库中的表 我尝试获取 2 个字符串 一个用于日期 另一个用于时间 并将它们连接起来 如下所示 string datsDateTime String Concat Row DATE Row

  • 使用 CSS 制作窄字符

    如何使用 CSS 减少类似 Arial 字体的字符宽度 您无法减少字符宽度 但可以减少字母间距 span letter spacing 0px

热门标签