jquery - Tab div 未拉伸(stretch)到内联内容。 jQuery 选项卡

标签 jquery css

我有一个带有两个标签页的简单 jQuery 标签。 其中一个只有单一的图像和文本。

如果我在图像或 css float:left 上使用 align=left 属性,选项卡高度会缩小到文本高度。如果我不这样做,文本将从图像底部开始。我不使用任何额外的 css 属性,仅使用 jQuery 从 js 设置的属性。

我需要将图片放在左上角,文本应该从选项卡的顶部开始,而不是从图像的底部开始,如果文本很短,选项卡应该拉伸(stretch)到图像高度。

最佳答案

将图像设置为选项卡内容 div 或其他内容的背景图像,并将 CSS 属性设置为 background-position:left top。或者将文本放入容器 div、p 或任何您喜欢的内容中,并将容器的 CSS 属性设置为 position:relative; & 通过 CSS 属性 top:, left: 相应地定位它。希望这对您有所帮助。

关于jquery - Tab div 未拉伸(stretch)到内联内容。 jQuery 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4355151/

相关文章:

javascript - 如何将jquery组合框设置为选中true

javascript - (Angularjs Metronic)侧边栏子菜单在点击后隐藏并且不保持打开

javascript - z-index : -1 is not clickable 下的 div

css - 使用 Capybara 测试 Rails 应用程序时出现 CSS 错误

css - 在 HTML 表格标题单元格内垂直旋转文本

javascript - 单击屏幕上的任意位置关闭所有 Angular JS Bootstrap 弹出窗口?

javascript - 日期时间选择器的图标未显示

jquery - 在 Fancybox 弹出窗口打开时添加按钮单击事件

javascript - 尝试切换 2 个 div

Angular Material 按钮在对话框打开时处于选择状态