当前位置: 首页 > 面试题库 >

如何让` 测试 空格`这两个词之间的空格变大?

程峻
2023-03-14
本文向大家介绍如何让`

测试 空格

`这两个词之间的空格变大?相关面试题,主要包含被问及如何让`

测试 空格

`这两个词之间的空格变大?时的应答技巧和注意事项,需要的朋友参考一下

这边有这么两种方法:

  • 通过给p标签设置word-spacing,将这个属性设置成自己想要的值。
  • 将这个空格用一个span标签包裹起来,然后设置span标签的letter-spacing或者word-spacing

我分别用letter-spacingword-spacing来处理了pspan标签:

<style>
  .p-letter-spacing {
    letter-spacing: 10px;
  }
  .p-word-spacing {
    word-spacing: 10px;
  }
  .span-letter-spacing {
    letter-spacing: 10px;
  }
  .span-word-spacing {
    word-spacing: 10px;
  }
</style>
<body>
  <p>测试 空格</p>
  <p class="p-letter-spacing">测试 空格</p>
  <p class="p-word-spacing">测试 空格</p>
  <p>测试<span class="span-letter-spacing"> </span>空格</p>
  <p>测试<span class="span-word-spacing"> </span>空格</p>
</body>

让我们一起来看看效果:

大家可以看到效果,我用letter-spacingword-spacing处理p标签,是会呈现不同的效果的,letter-spacing把中文之间的间隙也放大了,而word-spacing则不放大中文之间的间隙。

span标签中只有一个空格,所以letter-spacingword-spacing效果一样。

因此我们可以得出letter-spacingword-spacing的结论:

  • letter-spacingword-spacing这两个属性都用来添加他们对应的元素中的空白。
  • letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白。
  • word-spacing对中文无效。
 类似资料:
  • 问题内容: 我使用的是条形码字体“ 9个常规中的3个免费字体”,在某些情况下,打印输出需要有多个空格,以匹配字段中的字符数。例: (项目编号后跟四个空格,以形成12个字符。如果字符数少,条形码阅读器会给我一个错误。 将强制使用多个空格,但是IE和Firefox都将它们显示为标准字体空间,并且不使用条形码字体。条形码在非空格字符之间显示为细分。(顺便说一句,只有IE 6才以正确的字体显示。)如果我使

  • 问题内容: 这是我正在使用的代码。 我将单独的main方法与此代码一起调用上述方法: 有没有一种方法可以轻松在输出之间添加空格?这是当前的样子: 问题答案: 添加文字空间或制表符:

  • 为什么两个 标记之间有空格?当我设置 标记的宽度时,它不起作用。我将其设置为 ,但两个 标记之间仍有空格。如何从 标记中删除空格? 以下是HTML和CSS代码: null null

  • 问题内容: 我一组有四个按钮。这只是两个示例,因为它们都是重复的代码。我想在每个按钮之间创建一个很小的空间,以免它们彼此碰到。我几乎尝试了中的所有方法,但没有任何效果。 问题答案: 如果要在组件之间留有空间,则可以为一个或两个组件添加一个空边框,或插入不可见的组件以提供空间。您可以在Box类的帮助下创建不可见的组件。 由于您已经使用过胶水,但没有成功(我怀疑为什么吗?),因此您可以尝试使用类似 R

  • 我有一个字符串数组,通过它映射使用CheckboxListTile小部件作为标签不同的复选框,但我需要减少这些复选框之间的空间。

  • 问题内容: 我有以下内容: 打印出此数组中的所有元素可以得到以下信息: 如何通过单词之间至少有一个空格的要求来拆分元素? 换句话说,我希望我的元素是: 问题答案: 使用对空间分割,即使他们都多。 完整示例:http : //ideone.com/CFVr6N 编辑: 如果您还想在选项卡上拆分,请将正则表达式更改为,它将同时检测空格和选项卡。