我有:
<div id="header"><button id="button1"/></div>
<div id="footer"></div>
我可以更改布局(仅在CSS中,而不在JS中),以便button1属于页脚吗?
如果这不可能,是否有其他选择?(例如flex order允许动态更改元素的顺序)。我的目标是提出应用程序的许多不同主题,而无需修改DOM布局(例如,某些人希望按钮位于页眉中,另一些人希望按钮位于页脚中)。
我可以更改布局(仅在CSS中,而不在js中),以便button1属于页脚吗?
一言以蔽之。
您想要做的是更改页面的实际结构,而CSS并不是该结构。CSS(大部分情况下)与控制网页的视觉效果有关,而HTML用于结构。我想,您可以应用CSS样式使按钮看起来像是它的子元素#footer
(您可以设置position: relative
并给它适当的偏移量,以便它出现在可能出现的位置),但这几乎不可靠解。
如果您发现自己需要这样做,那么纯粹的CSS也许不是真正合适的解决方案?您能否以样式和脚本(可以使用脚本移动按钮的形式)的形式提供主题?或者也许提供HTML模板供您选择(例如,按钮应该在页眉还是页脚中),然后在其之上应用CSS主题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句