html - 创建一个动态扩展宽度的DIV?

标签 html css

我有一些接口(interface) <a>标签,最后是一个带有更多 <a> 的 div有一个 display:none归于它。当用户单击一个按钮时,它会触发一些取消隐藏隐藏的 div 的 javascript。问题是我在容器 div 周围有一个边框,并希望它在我取消隐藏嵌套的 div 时展开。问题是我所有的 anchor 标签,进出隐藏的 div,只是水平列出,除非我指定固定宽度。任何帮助

(旁白:对于隐藏部分,<span> 会比 <div> 更好吗?

最佳答案

(aside: Would a be better here over a for the hidden portion?

spandiv 完全不同。如果根据您的设计需要,您需要一个 block 级元素(您可以给 width 的元素),请选择 div else span应该没问题。

如果您希望链接垂直显示,您应该对它们应用这种样式:

div a{
  display:block;
}

或者可能:

div a{
  display:inline-block;
}

如果您还想保持链接的内联特性。

关于html - 创建一个动态扩展宽度的DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2900179/

相关文章:

html - flex 盒/IE11 : flex-wrap: wrap does not wrap (Images + Codepen inside)

PHP MySQL 查询参数化问题

html - 为什么我不能在 mix-blend-mode 之后应用 css 过滤器?

twitter-bootstrap - 跳过第一项,然后每隔 x 重复一次规则

javascript - 如何使行悬停覆盖数据表中的选择?

javascript - 如何不用ajax方法单独提交表单

html - 透明标题被主 div 溢出

html - 滚动条显示在页面底部

android - Android Webview 是否支持 CSS3 WebKit 动画?

css - 将 CSS 转换应用于显示为 :block, 的元素会向页面添加大量滚动