跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 请教一个前端 css,如何去掉段落最前面的 margin。
未分類
3 5 月 2020

请教一个前端 css,如何去掉段落最前面的 margin。

请教一个前端 css,如何去掉段落最前面的 margin。

資深大佬 : zhiqiang 58

我为<code/>添加了 margin:

code {  margin-left:4px;     margin-right:4px; } 

但它会在段落<p><code>xxx</code>yyy最前面也增加空白。然后我又尝试了first-child去掉:

code:first-child {  margin-left: 0; } 

然后我发现它把<p>init<code>xxx</code>yyy的左边距也去掉了。

请问怎么写能实现我的目的?就是<code/>发生在一段的最开始,没有左边距。如果不是,就需要有左边距。

大佬有話說 (8)

  • 資深大佬 : wolfan

    emmm
    <code>如果在第一行就没有 margin-left,如果不在就没有?
    为什么不给<p>加个 padding ?

    或者你是要:p>code{margin-left:4px}

  • 主 資深大佬 : zhiqiang

    @wolfan `<code/>`不会换行。如果不好理解,可以改成`<span/>`。

  • 資深大佬 : geelaw

    一个简单的做法是牺牲语义,手动在 code 左右加合适的空格。而且拉丁文本里 code 两侧本来就有空格。

  • 資深大佬 : wolfan

    @zhiqiang 我觉得吧,你这个需求是 js 的事,不是 css 的事。

    and 不是换 span 啥的事,是我语文成绩不好。总之我觉得你这个需求 css 是办不了的,因为 css 不能判断 code 前面有没有字符串什么的,css 只能知道<code>前面有没有其它 tag。所以这活 css 能干就是上天了。

  • 資深大佬 : yixiang

    https://jsbin.com/safikeleli/edit?html,css,output

    是想要这个效果?

  • 主 資深大佬 : zhiqiang

    @yixiang 非常感谢。这个好,除了不能完全控制宽度,基本就是我想要的效果。

  • 資深大佬 : loading

    @zhiqiang 你要控制宽度只要 code:before, code:after 里面设置就行了。

  • 資深大佬 : wolfan

    用 before,after,和用 margin: auto 4px; 不是一样的么?

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具