程序员经验分享-hwhale

是否有跨浏览器的方式来压缩页面上的文本？

2023-11-26

我正在寻找一种方法来压缩页面上相对较小的文本区域，以模仿使用非标准字体完成的图形按钮。理想情况下，只有字母会被压扁或变薄，而单词之间的间距或多或少相同。我知道有一些 CSS 属性可以做这样的事情，但它们更关注字母之间的间距，而不是字母本身的宽度。这些 CSS 方法对于跨浏览器也不太友好。大多数用户群使用 IE6，因此这对基于 CSS 的方法产生了很大的限制。

那么，有什么方法可以控制跨浏览器友好的字符宽度/间距吗？我知道 jQuery 可以很好地跨浏览器工作，所以这可以通过 jQuery 通过操纵字母的位置和可能的宽度来完成吗？这些都是小段文本，一次 5 个单词左右，因此速度是可以稍后处理的问题。

编辑：好的，CSS letter-spacing 属性以及 word-spacing 属性将允许我控制字母/单词之间的间距。然而，这让事情看起来很糟糕。如果这确实是唯一的选择，那么我必须让它发挥作用，但我真正寻找的是一种压扁字母本身的方法，使字符更薄。


maybe 

letter-spacing:-1px

会有所帮助

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

css

fonts

是否有跨浏览器的方式来压缩页面上的文本？ 的相关文章

  • 适用于所有浏览器的 Center HTML 5 音频播放器

    我尝试过这样的代码 div style margin 0 auto div

  • 使用 javascript 加载不同的 CSS 样式表

    我需要使用 javascript 根据正在传递的 URL 变量加载不同的样式表 场景是这样的 我们需要使用一个 CSS 样式表和一个不同的样式表来维护一个移动网站 当通过 iOS 应用程序中加载的 Web 视图访问该页面时 该样式表将用于设

  • 子 div 超出父 div 范围

    目前我正在使用 CSS 和 HTML 等设计一个网站 但是我遇到了一个问题 当我向子级添加浮动时 我的子级 div 超出了父级 div 的范围 该网站位于此处我的网页设计 http 7sisters in test mintbite 更加详

  • 在画布中心写入 (0,0)-HTML5

    I m currently developing a drawing app which allows the user to click and drag to determine the size of the shape and al

  • 使用 jQuery 禁用 CSS 继承

    有没有办法使用 jQuery 或通用 javascript 在块级别禁用 CSS 继承 例如 如果我通过 javascript 拉入外部资源 例如 Pastie org 它们将拥有自己的 CSS 而我的 CSS 会覆盖它们 我想将嵌入代码放

  • Java无法读取字体

    好的 我在使用自定义字体时遇到问题 基本上我得到了从互联网上下载的自定义字体并在我的程序中使用它 当我在 Eclipse 我使用的编辑器 中运行该程序时 一切正常 没有问题 但是 每当我将它从 eclipse 导出到 jar 时 或者尝试从

  • 如何在CSS中水平对齐div

    我在一个容器内有三个子 div 我想水平对齐这些 div 我尝试使用CSSfloat财产 但圆圈正在变成椭圆形 标记代码 div class container info box clearfix div class circle div

  • html/js 中从右到左和/或从上到下的文本？

    如何在浏览器中为用户输入创建从右到左和从上到下的文本字段 有没有本地方法可以做到这一点 或者也许有解决方法 从上到下可能像日语或象形文字 对于 RTL 文本字段 您可以使用 HTMLdir属性 如 ime Vidas 已经提到的 或 wit

  • mat-table 自动调整列宽以适应更大的内容

    我有一个垫表 我想自动调整列宽 任何人都将与最长的列内容一样长

  • 样式表与 标记上的 TITLE 属性中断？ [复制]

    这个问题在这里已经有答案了 我正在帮助升级一个非常旧的公司内部网 我们的用户使用的是 IE8 和 IE9 我们的大多数网站都是为 IE5 IE9 编写的 我们即将将所有人升级到 IE11 但试点人员发现了大量兼容性问题 未来几个月将会有大量

  • 如何删除链接点击时的轮廓？

    当我单击网站上的链接时 它会在链接周围创建一个轮廓 如下所示 我尝试添加 a image link focus outline 0 and a outline none 但似乎没有什么可以摆脱它 有办法去除吗 你可以使用这个 a activ

  • HTML5 输入类型范围，带有最小值滑块、最大值滑块和刻度

    我必须实现 HTML5 输入类型 Range

  • 向剪切框添加阴影

    我可以使用 CSS 制作以下盒子及其切口三角形 带有边框技巧 只是没有背景图案并带有轻微的噪音 可以用背景图案制作切口三角形吗 还被阴影困住了 我怎样才能添加它 我是否应该更好地切换回旧方法 在框周围使用跨度和背景图像 编辑 具有一张背景图

  • 为什么 Chrome 80 会导致这个 grid-template-rows: auto 问题

    有人知道最新的 Chrome 80 更新有什么变化吗 似乎 grid template rows auto 即使标记中不存在给定行 从现在开始也会占用一些空间 仅发生在 Chrome 80 上 l page display grid gri

  • Chrome - 儿童剪辑CSS3圆形边框？

    请参阅以下 JSFiddle http jsfiddle net zScKW http jsfiddle net zScKW 请注意 子 div 剪裁了其父 div 的边框 如果我删除边框 但保留圆角 该项目将按照我们的预期进行剪辑 Fir

  • Firefox 浮动错误？如何让我的 float:right 在同一条线上？

    我有以下小提琴 http jsfiddle net q05n5v4c 2 http jsfiddle net q05n5v4c 2 在 Chrome 中 它渲染得很好 V 形标志位于右侧 然而 在 Firefox 中 Chevron 字形下

  • 带有 Segoe UI 和日语文本的组合框

    我目前正在尝试让我的 C 应用程序在 Windows Vista 或 Windows 7 中运行时看起来更好 默认情况下 Windows 窗体应用程序使用微软无衬线字体字体 无法正确链接到亚洲清晰字体 例如Meiryo 为了解决这个问题 我

  • CSS 悬停+背景图片

    我正在使用 HTML CSS 创建一个特殊的 UI 控件来模仿 Windows 7 控制面板按钮 到目前为止 我已经完成了正确的布局 现在我想为其添加一些修饰 如图所示 当您将鼠标悬停在按钮上时 会出现渐变 http m cncfps co

  • 如何水平和垂直对齐内联块

    什么是最好 最干净的使用CSS对齐 dates div位于标题的右侧 垂直于中间 I tried float right 但这不允许vertical align 我想避免使用浮动 所以我使用inline block 并使用相对定位 有没有更

  • 如何防止外部 CSS 添加和覆盖 ReactJS 组件样式

    我有一个自定义的 ReactJS 组件 我想以某种方式设置样式 并将其作为插件提供给许多不同的网站 但是 当网站使用全局样式 Twitter bootstrap 或其他 css 框架 时 它会添加并覆盖我的组件的样式 例如 全局 css l

随机推荐

  • Django MultiWidget 电话号码字段

    我想创建一个电话号码输入字段 其中有 2 个文本字段 大小分别为 3 3 和 4 并带有常见的 分隔符 下面是我的字段和小部件的代码 在初始渲染期间尝试迭代表单中的字段时出现以下错误 当 for 循环到达我的电话号码字段时会发生这种情况 渲

  • 如何在不使用谷歌地图方向 API 的情况下查找 Android 应用程序中 2 个地理点之间的距离（通过道路）？

    我正在开发一个 Android 应用程序 我需要找到两个地理坐标之间的距离 I used Location distanceBetween and Location distanceTo 功能 这些函数给出的是直线距离 但当我们通过公路旅行

  • 如果db文件不存在，如何使sqlite3.connect()失败？

    sqlite3 connect 如果 db 文件不存在 将创建它 我希望它失败 有办法这样做吗 第一种方法是检查文件路径os path isfile import sqlite3 import os my path database db

  • 使用 ODR 拟合数据中的上限和不对称误差的 Python 幂律

    我正在尝试使用 python 将一些数据拟合到幂律中 问题是我的一些点是上限 我不知道如何将其包含在拟合程序中 在数据中 我将上限设置为 y 的误差等于 1 而其余的要小得多 您可以将此错误设置为 0 并更改 uplims 列表生成器 但拟

  • 强制 MapKit 仅使用缓存的地图图块/以编程方式禁用网络

    我们偶然发现了这样一个问题 我们正在开发一款旅行应用程序 为了确保用户不会在我们的应用程序中花费太多漫游费 我们决定实现一个设置选项 供用户仅查看缓存的地图 因此 我们让用户决定是否要从互联网加载地图 或者想要省钱并查看缓存的地图 存储在

  • InternetExplorer.Application 对象和 cookie 容器

    我有以下用 VB NET 编写的控制台应用程序 Sub Main Dim ie As Object CreateObject InternetExplorer Application ie Visible True ie Navigate2

  • Webform 中的 HTML 助手？

    我有一个旧网站 我想使用 HTML 助手之类的东西来生成特殊的 HTML 在本例中为复杂的按钮 我知道这在 ASP NET MVC 中是如何工作的 但我如何在 Webform 而不是 Razor 中做到这一点 我读过有关静态方法的建议 如下

  • 表单提交失败后显示服务器端验证错误

    表单提交失败后如何显示验证消息 API 请求返回 HTTP 400 application problem json 响应 并包含违规行为作为带有字段路径的列表 https www rfc editor org rfc rfc7807 se

  • 在Java中处理文件指针的有效方法？ （使用 BufferedReader 和文件指针）

    我有一个每秒更新的日志文件 我需要定期读取日志文件 一旦执行读取 我需要将文件指针位置存储在我读取的最后一行的末尾 并且在下一个定期读取中我应该从该点开始 目前 我正在 Java 中使用随机访问文件并使用getFilePointer 方法来

  • JAR 文件的正确内部结构是什么

    这是一个非常愚蠢的问题 我找不到明确的答案 背景 我正在使用 Eclipse 在 XP 终端上使用 ANT 插件之一 我刚刚开始使用 ANT 在 jar 指令中 我正在设置已完成的 JAR 文件的位置 当我 解压缩 该文件时 我得到以下内容

  • 为什么使用 Instant 将 1582 年之前的 Java 日期转换为 LocalDate 会给出不同的日期？

    考虑这段代码 Date date new SimpleDateFormat MMddyyyy parse 01011500 LocalDate localDateRight LocalDate parse formatter format

  • 插入金钱时使用的 SQL 数据类型

    我正在使用 Oracle SQL 数据库 我必须插入货币值 工资 作为行的一部分 由于某种奇怪的原因 金钱命令不起作用 是否有任何替代方法可以解决这个问题 数据输入格式 00 000 000 CREATE TABLE staff staff

  • 使用 Compact Framework 设置数据网格中的列宽

    我正在尝试设置数据网格中列的宽度 我使用 Compact Framework 2 0 和 C 我尝试了这个 但它给了我一个 超出债券 的错误消息 foreach DataGridColumnStyle vColumnStyle in dat

  • 如何与子进程共享父进程的 numpy 随机状态？

    我在程序开始时设置了 numpy 随机种子 在程序执行期间 我使用多次运行一个函数multiprocessing Process 该函数使用 numpy random 函数来绘制随机数 问题是Process获取当前环境的副本 因此 每个进程

  • 我们如何在React js中使用axios发送OAuth2.0

    我正在解决一个身份验证问题 我必须为我的 React 应用程序实现 OAuth2 0 身份验证 有什么方法可以使用基于 Axios Promise 的库进行身份验证吗 您必须在标头中传递您的令牌 见下文 const instance axi

  • 在 Perl 中比较多个字符串

    我的代码是这样的 if var eq str1 var eq str2 var eq str3 有没有办法优化这个 我想要类似的东西 if var eq str1 str2 str3 根据字符串的内容 正则表达式非常方便 if var st

  • JSON.stringify 深层对象

    我需要一个函数从任何参数构建 JSON 有效字符串 但是 通过不两次添加对象来避免递归问题 通过截断超过给定深度来避免调用堆栈大小问题 一般来说 它应该能够处理大对象 但代价是截断它们 作为参考 此代码失败 var json JSON st

  • Z3：在求解过程中提供随机解

    我尝试了以下代码http rise4fun com z3 tutorial declare const a Int assert gt a 100 check sat get model 结果总是a 101 我需要答案中的一些随机性 它会产

  • pygraphviz ValueError：在路径中找不到程序点[重复]

    这个问题在这里已经有答案了 问题是 我使用的是 Windows7 并且安装了 pygraphviz 库和 Graphviz 应用程序 Graphviz 应用程序位于 C Program Files 中 当我在 python 上运行程序时 出

  • 是否有跨浏览器的方式来压缩页面上的文本？

    我正在寻找一种方法来压缩页面上相对较小的文本区域 以模仿使用非标准字体完成的图形按钮 理想情况下 只有字母会被压扁或变薄 而单词之间的间距或多或少相同 我知道有一些 CSS 属性可以做这样的事情 但它们更关注字母之间的间距 而不是字母本身的

热门标签