【问题标题】:How would you style a PHP suffix with CSS?您将如何使用 CSS 设置 PHP 后缀的样式?
【发布时间】:2011-02-01 19:42:14
【问题描述】:

我在 PHP 中设置了一个日期对象:$date_formatting = "l, M jS";

注意日期 (j) 右侧的大写 S。这会创建一个后缀,例如 3rd、1st、2nd。

问题是我不知道如何只针对 CSS 样式的后缀。我想让后缀的字体大小比数字小。

有什么线索吗?

【问题讨论】:

  • Brad 的回答使用语义 HTML 来根据您要查找的内容(在上标中设置的序号后缀)消除不必要的 CSS 样式;但是,如果您想自己控制样式,则可以选择 nico 的答案。无论哪种方式都可以。

标签: php html css text-formatting


【解决方案1】:

$date_formatting="l, M j<\s\u\p>S<\/\s\u\p>";

这样做是将<sup> 标签放在S 周围。此标签适用于superscript

【讨论】:

  • @Boltclock,谢谢,我现在正在编辑它。验证以确保我得到了所有逃逸的东西......
  • 效果很好,样式如下: sup {vertical-align: super;字体大小:65%;}
【解决方案2】:

或者,如果你想避免逃避这一切的痛苦......

echo date("l, M j")."<span class='whatever'>".date("s")."</span>";

【讨论】:

  • @Joe,<sup> 怎么不是“今天的标准”?它是 XHTML 1.0 strict、XHTML 1.1 strict 和 HTML 5 的一部分。
  • @Joe, @Brad:事实上,<sup> 从 HTML 3.2 开始就已经存在。它从未被弃用过。
  • 我认为这是一个问题。当然 sup 不会被弃用。但它有一个意义。如果它只是关于样式并且与内容无关(我认为问题是关于样式),我更喜欢css。
【解决方案3】:
$date_formatting = "l, M, j<\s\m\a\l\l>S</\s\m\a\l\l>";

【讨论】:

    猜你喜欢
    • 2015-09-16
    • 1970-01-01
    • 2010-11-02
    • 2012-10-05
    • 1970-01-01
    • 1970-01-01
    • 2016-07-30
    • 2013-12-11
    相关资源
    最近更新 更多