元素的边界到底在哪里绘制到边距和填充?
Where exactly is the border of an element drawn wrt to the margin and padding?
在我的 css 定义文件中,我已将 css borders
添加到列表中的许多元素(例如容器)中,以便在视觉上将它们分开。然而,边界线有时不可见,或仅部分可见。
我猜可能是因为边框的线被旁边的元素覆盖了,所以我想了解一下CN1到底在哪里画了边框。例如。它在填充内、填充外、边距内或边距外?此外,边框 添加 到填充或边距的大小还是绘制在两者之上?
这似乎是一个非常基本的问题,但到目前为止我还没有找到答案(例如,"Padding and Margin" 部分的图中未显示边框,此处:https://www.codenameone.com/manual/theme-basics.html) ,所以任何帮助或指向文档的指针将不胜感激。
边框是组件的一部分,因此它位于填充内。请注意 theme basics 部分的这一段:
Padding and margin are concepts derived from the CSS box model. They
are slightly different in Codename One, where the border spacing is
part of the padding, but other than that they are pretty similar: ...
实际上,您需要确保有足够的填充来包含组件的边框。边距位于组件外部,组件是边距的 "unaware"。
如果您认为这不够清楚或解释不当,您可以通过此处的维基页面对其进行编辑以澄清它:https://github.com/codenameone/CodenameOne/wiki/Theme-Basics
文档是从该页面生成的,请参阅 https://www.codenameone.com/blog/tip-edit-docs-fun-profit.html
在我的 css 定义文件中,我已将 css borders
添加到列表中的许多元素(例如容器)中,以便在视觉上将它们分开。然而,边界线有时不可见,或仅部分可见。
我猜可能是因为边框的线被旁边的元素覆盖了,所以我想了解一下CN1到底在哪里画了边框。例如。它在填充内、填充外、边距内或边距外?此外,边框 添加 到填充或边距的大小还是绘制在两者之上?
这似乎是一个非常基本的问题,但到目前为止我还没有找到答案(例如,"Padding and Margin" 部分的图中未显示边框,此处:https://www.codenameone.com/manual/theme-basics.html) ,所以任何帮助或指向文档的指针将不胜感激。
边框是组件的一部分,因此它位于填充内。请注意 theme basics 部分的这一段:
Padding and margin are concepts derived from the CSS box model. They are slightly different in Codename One, where the border spacing is part of the padding, but other than that they are pretty similar: ...
实际上,您需要确保有足够的填充来包含组件的边框。边距位于组件外部,组件是边距的 "unaware"。
如果您认为这不够清楚或解释不当,您可以通过此处的维基页面对其进行编辑以澄清它:https://github.com/codenameone/CodenameOne/wiki/Theme-Basics
文档是从该页面生成的,请参阅 https://www.codenameone.com/blog/tip-edit-docs-fun-profit.html