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

设置内联元素的宽度

饶滨海
2023-03-14
问题内容

您可以设置诸如<span><em>和的内联元素的宽度<strong>,但是在放置它们之前不会发现任何效果。

a)我认为不能设置内联元素的内联宽度?

b)假设可以设置宽度-在放置内联元素之前,我们不会注意到任何效果(因此我们指定了宽度)。位置如何/在哪里?

c)为什么仅当我们“定位”内联元素时才显示它们的宽度?


问题答案:

正如其他人提到的那样,设置内联元素的宽度(或其他一些与位置相关的属性)将导致浏览器将元素显示为块元素。

您可以通过使用CSS display属性明确声明这种行为。最常见的设置是display: inline(默认)display: block,和display: none。 提供该display属性的完整参考。

但是,应注意,HTML4.01规范不鼓励使用“覆盖HTML元素的常规解释”:

样式表提供了一种方法来指定任意元素的呈现,包括将元素呈现为块还是内联。在某些情况下,例如列表元素的内联样式,这可能是适当的,但总的来说,不鼓励作者以这种方式覆盖HTML元素的常规解释。



 类似资料:
  • 本文向大家介绍可以给内联元素设置宽和高吗?为什么?相关面试题,主要包含被问及可以给内联元素设置宽和高吗?为什么?时的应答技巧和注意事项,需要的朋友参考一下

  • 问题内容: 鉴于: 如何注释,以便XML为: 问题答案: 您可以利用注释执行以下操作。 oo 酒吧 想要查询更多的信息 http://blog.bdoughan.com/2011/06/jaxb-and-complex-types-with-simple.html

  • 问题 你需要修改一个HTML文档中的文本内容 方法 可以使用Element的设置方法:: Element div = doc.select("div").first(); // <div></div> div.text("five > four"); // <div>five &gt; four</div> div.prepend("First "); div.append(" Last"); /

  • 问题内容: Width issue Left Right 上面的代码试图将#left div和#right div并排放置在一行中。但是,正如您在上面的JSFiddle URL中所看到的,情况并非如此。 我能够解决将div之一的宽度减小到49%的问题。但这不是理想的解决方案,因为两个div之间出现很小的间隙。 我能够解决问题的另一种方法是通过同时浮动两个div。这很好。 但是我最初的问题仍然存在。

  • 问题 你需要一个元素中的HTML内容 方法 可以使用Element中的HTML设置方法具体如下: Element div = doc.select("div").first(); // <div></div> div.html("<p>lorem ipsum</p>"); // <div><p>lorem ipsum</p></div> div.prepend("<p>First</p>");//

  • 问题内容: 我希望有两列宽度为50%的列,并避免出现浮点数。所以我想用。 当元素添加到99%的宽度(例如50%,49%)时,它将按预期工作。 当使用100%的宽度(例如50%,50%)时,第二列会中断到第二行。 这是为什么? 问题答案: 这是因为要考虑html中的空白。如果您删除之间的空白,则可以正常使用。