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

删除上方和下方的空间标记HTML

任飞龙
2023-03-14
问题内容

以这个ul为例:

<ul>

    <li>HI THERE</li>

    <br>

    <li>

        <p>ME</p>

    </li>

</ul>

li标签的innerHtml 为空时,自动li换行直到文本。

p标签不会发生这种情况。我假设这是因为p通常在前后都有空格中断的段落。

有什么办法可以删除吗?


问题答案:

<p>元素通常具有边距和/或填充。您可以在样式表中将其设置为零。

li p {
    margin: 0;
    padding: 0;
}

但是,从语义上讲,有一段段落是很不寻常的。



 类似资料:
  • 问题内容: 说我有一个元素定义为内联块。它的唯一内容是纯文本。当字体很大时,您可以清楚地看到浏览器如何在文本上方和下方添加一些填充。 HTML: CSS: 观察盒子模型,很明显浏览器正在 内容边缘内 添加填充。我需要删除此“填充”,一种方法是简单地更改行高,如下所示: 这在Chrome浏览器中效果很好,但在Firefox中,文本正朝顶部(FF17,Chrome 23,Mac OSX)移动。 有跨浏

  • 问题内容: 我正在创建一个网站。 我已经编写了HTML部分,现在正在编写样式表。但是,我的标题上方总是有一些空间。如何删除? 我的HTML和CSS代码如下。 问题答案: 尝试: 您会看到保证金崩溃的影响。

  • 问题内容: 我开始使用CSS并遇到基本问题。 我有一个div元素: 颜色代码生效(良好)。 我的问题是 div的左侧,顶部和右侧 似乎有一些 空白 。如何摆脱空白?例如,如果您查看Facebook页面,顶部是完全蓝色的,顶部没有空白。 问题答案: 您需要在样式表中重置默认的 padding 和 margin 属性: 正如@Jason McCreary提到的那样,您还应该考虑使用重置样式表。他链接到

  • 我让用户提交一些文本(包括随机的html图像链接),然后我尝试从文本中的图像创建一个基本的BBCode[img][/img]标记。 我目前的测试方式如下: 字符串(取自随机论坛):

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

  • 我发现这个问题在堆栈溢出和其他站点上也得到了回答。我尝试了所有的选择,但它们都是空白。我的tableview中有4个原型单元格。在故事板上,第四个单元格后没有空格。但在执行时,我发现第四排后面有空白。第四排之后,它们不再是分隔符,但空白的白色仍然是它们的。我尝试添加以下代码: 为了使整个视图看起来合适,我为视图和tableview设置了相同的背景色。除了这个白色区域之外,其他一切看起来都正常, 有