【问题标题】:Indenting a Paragraph with only Inline CSS仅使用内联 CSS 缩进段落
【发布时间】:2021-10-19 02:01:00
【问题描述】:

放弃我的问题的所有背景,直接介绍它:

我需要让 CSS 为我缩进段落,但我只能使用内联 CSS。使用p {text-indent:15px;}(或我需要的任何数字)不起作用。文本框基本上只是 BBCode,但我可以使用内联 CSS,前提是我使用启用它的 BBCode。这意味着我不能将代码放在顶部(不记得这叫什么),也不能引用外部样式表。

当我只使用text-indent:15px; 的代码时,它只会缩进我输入的任何内容的第一行,即使其中有几个中断(我的意思是按两次输入,就像我在这里所做的那样)。我没有继续打开/关闭此代码的选项(代码所针对的人根本不懂编码),而且我不知道是否有办法做到这一点,或者我是否应该告诉他们他们注定不会缩进他们的文字?

[css=background:black; width:500px; margin-left:50px; color:maroon; font-size:12px;][css=padding:5px 25px;]YOUR TEXT SHOULD GO HERE.
[color=white]Your links should be this color.[/color]
[/css][/css]

这就是我能写的。如果我希望链接的颜色与文本的其余部分不同,我无法格式化链接,每次都必须使用 BBCode 更改颜色。通过使用text-indent 属性,它将缩进我的文本的第一行(应该如此),仅此而已。时期。由于我使用的是 BBCode 并且不能使用 HTML 来打开/关闭段落,因此使用基于段落标记 (<p>) 操作的代码一无所获。

【问题讨论】:

  • 听起来你不想要'text-indent',而是'padding-left'
  • 我不希望整个文本块缩进,只是第一行。 Padding-left 将移动整个文本区域。
  • 那里有很多限制。您能否提供一个更具体的示例来说明您尝试使用的输入以及您希望它最终的样子?
  • @animuson 我更改了第一篇文章,并附上了迄今为止我拥有的代码示例。如果事情仍然令人困惑,我很抱歉,但我不太擅长用词,而且我已经很长时间没有知道编码的术语了(不是我与知道术语的人的对话,所以我用我自己的,我想)。

标签: css inline-code text-indent


【解决方案1】:

p 是一个流元素,text-indent 正好缩进第一行。将其设为块并使用填充:

p.yourclass
  { display: inline-block
  ; padding-left: 15px
  }

【讨论】:

  • 但这并不能解决问题。由于我必须解决 BBCode 的限制,我只能 做内联 CSS。我已经测试过您编写的代码,但它不起作用。只有内联 CSS 可以工作。如果做不到,那也没关系,但我想知道在我说我做不到的事情之前。
  • 你可以内联这个 CSS。
  • 是什么阻止你内联它? <p style="padding-left: 15px; display=inline-block"> Lorem ipsum ...</p>(或任何 BBCode 想要的语法)
  • 因为我不能在代码中使用 HTML,所以所有的文本都在一个 <p> 标签下。因此,如果他们有三个段落,则只有第一个将注册代码并缩进。其他一切都将保持正常。而且我不相信所有东西都被交给的人,能够复制/粘贴代码而不会搞砸。
  • 你说你可以使用内联 CSS,但现在你说你不能。我现在不明白你的设置。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-04
  • 1970-01-01
  • 2022-07-07
  • 1970-01-01
  • 1970-01-01
  • 2016-10-31
相关资源
最近更新 更多