【问题标题】:How to integrate text in HTML/CSS without offset如何在没有偏移的情况下在 HTML/CSS 中集成文本
【发布时间】:2017-08-14 07:44:36
【问题描述】:

谁能告诉我如何在 HTML/CSS 中集成文本,使单词的第一个字母映射到下一行没有偏移

示例

正确方法

【问题讨论】:

  • 有上百种方式,可以使用table、flexbox、....
  • 不知道你说的对还是错是什么意思
  • @Mindless:你看到红色标记的字母了吗?以“正确”的方式,它们彼此完全对齐,没有任何偏移。

标签: html css mapping offset


【解决方案1】:

你也可以使用伪选择器 p::first-letter{ 样式放在这里// }

【讨论】:

    【解决方案2】:

    你可以这样做:https://jsfiddle.net/

    ul li  {
      position: relative;
      padding-left: 100px;
    }
    
    ul li span {
      position: absolute;
      left: 0;
    }
    

    新编辑:jsfiddle

    【讨论】:

    • 这看起来不错。但是它是列表样式 - 任何解决方法来删除列表?
    • 你需要什么?
    • 查看我添加的新链接
    【解决方案3】:

    段落中的第一个字母可以使用<span> 标签。然后样式它: Float: left, width:100%; 会自动实现你想要的。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-05-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-24
      相关资源
      最近更新 更多