带有自定义标签的 CSS 宽度
Posted
技术标签:
【中文标题】带有自定义标签的 CSS 宽度【英文标题】:CSS Width with Custom Tags 【发布时间】:2014-09-11 08:22:40 【问题描述】:我无法让宽度和高度属性适用于我的自定义标签,请参阅下面的代码: CSS
x-slider
width: 1000px;
height: 300px;
border: 1px black solid;
background-color: #0000ff;
<body><x-slider id="CoolPics" page="home"></x-slider></body>
var x = document.registerElement('x-slider',
prototype: Object.create(HTMLDivElement.prototype), extends: 'div'
);
我添加了 DIV 对象的扩展以查看是否允许我指定高度,因为某些标签不允许高度。是否只有某些 css 属性可以与自定义标签一起使用?边框和背景颜色都出现了,我也尝试过切换到最小和最大高度。请限制对问题的回答,而不是您是否应该使用自定义标签的主观论点,这使得在每篇关于自定义标签的帖子都被这些类型的响应超载的情况下寻找答案变得更加困难。
【问题讨论】:
我试图了解您使用“自定义标签”的目的。 自定义标签有多种用途,尤其是在 api 中。它们使代码比拥有大量 CSS 的大型复杂 div 结构更容易理解。如果您为不需要知道一切究竟是如何工作的其他人而不是您自己编码,这可能是一个巨大的福音。我只要求没有这样的答案,因为这是一个高度主观和热门的争论话题,我希望其他人能够查找这个问题的答案,而无需像我一样筛选争论帖子。 【参考方案1】:将display: block
或display: inline-block
添加到x-slider
。
【讨论】:
我想你的意思是“或display: inline-block
”。
这有帮助的原因是“自定义标签”默认是内联元素(带有display: inline
)。
谢谢,我错误地认为从 div 继承它会解决这个问题。以上是关于带有自定义标签的 CSS 宽度的主要内容,如果未能解决你的问题,请参考以下文章
如何在自定义 tableView Cell 中调整标签高度和宽度