表情符号导致行高发生变化

2023-11-29

<p>Alternatively, you can use percentages, which
   will be calculated with respect to the width of the generated box's
   containing block. &#128517;Therefore, assuming the container's width
   is greater than the image's height, margin: -50% 0 should be enough.
   Hide code snippet
</p>

emoji increases line heightHow to avoid change in line-height on insertion of emojis?


您可以设置一个固定的line-height像这样:

p {
  line-height: 20px !important;
}
<p>Alternatively, you can use percentages, which
   will be calculated with respect to the width of the generated box's
   containing block. &#128517;Therefore, assuming the container's width
   is greater than the image's height, margin: -50% 0 should be enough.
   Hide code snippet
</p>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

表情符号导致行高发生变化 的相关文章

  • 使文本区域填充表格单元格

    我知道 SO 上也有类似的问题 但答案似乎对我不起作用 我的表格有一个填充多行的单元格 我希望文本区域填充整个单元格 我发现的代码不适用于高度 CSS textarea width 100 height 100 resize none we
  • 为什么缓慢的 jQuery 动画会断断续续?

    我很难在谷歌上搜索这个问题 因为我能找到的大多数内容都是关于动画的 这些动画应该很快 但表现得很慢 我的问题是关于我想要持续时间较长但仍然流畅的动画 我创建了这个 jsfiddle 来演示这个问题 http jsfiddle net 93B
  • 如何格式化 html/css/js/php 中的代码

    我正在寻找一种方法来自动设置我在 HTML 文档中编写的代码的格式和颜色 我知道维基百科是这样做的 例如在页面上 http en wikipedia org wiki Nested function http en wikipedia or
  • 屏幕阅读器是否在 SPAN 上暂停

    如果出于演示目的需要将一个单词与spans 或其他内联元素 屏幕阅读器是否仍会读取整个单词 Example code span code s or Forscher span class gendered In span 通常 屏幕阅读器在
  • 如何按排序顺序显示<选择>

    我怎样才能排序
  • 使用canvas.toDataURL时如何设置crossOrigin属性?

    因此 我尝试为我正在构建的 OpenLayers 3 应用程序创建打印地图函数 我知道他们example http openlayers org en v3 8 2 examples export map html但每当我尝试使用它时 我都
  • 在 React 组件中动态创建元素

    我创建了一个辅助函数 当我单击按钮时 它可以在组件中动态创建元素 但是它没有显示我尝试附加到父 div 的 html 的一半 它正确地将标签添加为 html 但其余部分只是纯文本 谁能明白为什么吗 用于动态创建内容的函数 function
  • 如何等待第一次画布重绘,直到 @font-face-font 加载?

    我有一个 HTML5 画布并用它编写文本context fillText 使用 font face font 使用 Firefox 3 6 显示页面我遇到问题 在画布的第一次绘制上 字体尚未下载 因此文本将以标准字体显示 我找到了一个 解决
  • 在表单中突出显示选定的图像 - 使用 Jquery?

    我在谷歌上搜索了答案 但发现什么也没有 所以即使是一个显示如何执行以下操作的页面的链接也将不胜感激 基本上我有一个只有图像的表格
  • 无法删除文档底部的空白

    我似乎每次渲染页面时都会生成这个空间块 我不知道它是如何出现在那里的 下面是我在 chrome 中检查时的图像 它发生在其他浏览器中 这是一个问题 因为它位于我的页脚下方 所以我只有空格 似乎没有 CSS 可以解决它 只能直接删除空格 这很
  • 隐藏加载失败的图片

    我有一个 Android 应用程序 它生成一些在本地 Webkit 视图中呈现的 HTML HTML 生成的细节实际上并不那么重要 除了 大部分来自一个地方 我无法改变它 HTML 周围的模板 包括页眉 页脚 HEAD 等 CSS 和 Ja
  • 是否有类似 jQuery 的 CSS/HTML 选择器可以在 C# 中使用?

    我想知道是否有一个类似 jQuery 的 css 选择器可以在 C 中使用 目前 我正在使用正则表达式解析一些 html 字符串 并认为在 jQuery 中使用类似 css 选择器的东西来匹配我想要的元素会更好 更新 10 18 2012
  • 为什么 Visual Studio 格式文档工具将标题标签放在两行上?

    所以如果我有一个像这样的 HTML 标题 h2 A Heading h2 我跑Edit gt Format Document它最终看起来像这样 h2 A Heading h2 为什么是这样 它不会对其他块元素执行此操作 但会对其他内联元素执
  • 如何消除页面边缘的间隙?

    我已经将主体和两个 div 的边框 内边距和边距设置为 0px 但我似乎仍然无法摆脱差距 body padding 0px border 0px margin 0px width 100 height 100vh mainPage heig
  • 从 PDF 转换为 HTML [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 如何选择与绝对定位 DIV 重叠的选项?

    我有一个绝对定位的 div 它的作用类似于工具提示 当鼠标悬停在某个元素上时 它会显示 然后在鼠标移开时隐藏 我有几个
  • 如何在 difflibs html 输出中突出显示每行超过两个字符

    我在用difflib HtmlDiff比较两个文件 我希望在输出的 html 中突出显示差异 当一行中最多有两个不同的字符时 这已经有效 a 2 000 b 2 120 但是 当一行上有更多不同的字符时 在输出中整行将被标记为红色 在左侧
  • 如何使用 JavaScript 使 DIV 可见和不可见?

    你能做类似的事情吗 function showDiv DIV visible true or something 如果 DIV 是一个元素那么 DIV style visibility visible OR DIV style visibi
  • CSS,堆叠圆圈

    我想制作一些圆形 div 就像下面代码中的那样 不过 我希望它们彼此堆叠在一起 所以我想要一个蓝色圆圈 展开 在当前红色圆圈后面 但中心与红色圆圈相同 红色的必须在上面 这是我当前的代码 circles margin right auto
  • 如何使我的响应式网站在手机上支持“请求桌面网站”?

    我有一个响应灵敏的动态网站 Java Servlet 驱动且完全手工编码 由于它是一个返回数据表的科学站点 因此某些选项在较小的视口宽度下不可用 然而 可能有些用户更喜欢在桌面网站上挣扎才能访问这些选项 我希望适应他们 我的问题是 对于 i

随机推荐