3 列,中心列固定,两侧填充父级

2024-01-04

如何使 B 的大小固定为 800px,而 A 和 C 填充空间,使它们全部接触在一起?http://jsfiddle.net/8ufuV/ http://jsfiddle.net/8ufuV/


最简单的方法是使用display: table-cell.

See: http://jsfiddle.net/47d4f/ http://jsfiddle.net/47d4f/

这解决了你的问题,也给了你等高柱 http://jsfiddle.net/47d4f/1/当每列的内容不同时 - 否则就不是这样simple来获得。

浏览器支持:http://caniuse.com/css-table http://caniuse.com/css-table

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

3 列,中心列固定,两侧填充父级 的相关文章

  • 我们如何在jquery中添加css+动画?

    这是我正在尝试做的事情的一小段 why red a hover function this animate webkit transform scale 1 1 slow function this animate webkit trans
  • 范围输入拇指随着时间的推移而偏移

    我查遍了 Stackoverflow 似乎所有带有拇指标签的范围滑块都有这个问题 例如 这个答案 https stackoverflow com a 35419875几乎没有 但仍然有 基本上你可以计算value max得到left范围值标
  • 使用 CSS 选择器和 BeautifulSoup 获取属性值

    我正在抓取网页Python并使用BeutifulSoup library I have HTML像这样的标记 tr class deals span class hotel name a href www example2 com a sp
  • 我应该使用 CSS3 媒体查询为视网膜显示设备提供不同的图像尺寸吗?

    之前已经在这里问过许多类似的问题 我相信我的有点独特 我用 JQM Cordova PhoneGap 开发了一个移动应用程序 最初我使用大图像 针对视网膜显示设备 并使用响应式 CSS 根据需要缩小图像 这种方法的问题在于 较旧的设备最终必
  • 使用 CSS 修复自定义字体行高

    在我正在开发的新网络应用程序上使用自定义字体时 我遇到了一个奇怪的问题 这种自定义字体 FF DIN 似乎具有自然垂直的偏离中心的行高 这迫使我放置一些顶部填充黑客来补偿按钮和输入等元素的顶部空间 示例 绿色字体 Helvetica Neu
  • 带有透明背景的css3锯齿状边缘

    我试图在图像上的 div 上用 css3 制作锯齿状边缘 并且我需要它有一个透明的 bg bg 我的意思是锯齿状边缘在哪里 请参阅以下小提琴 http jsfiddle net ovb597yq http jsfiddle net ovb5
  • 如何在响应式设计中禁用缩放功能?

    在使用 iPad iPhone 和 或其他智能手机时 如何禁用响应式设计页面中的放大和缩小功能 有什么办法可以控制吗 创建 META 视口标签 并设置用户可扩展属性为 否 如下所示 更新的答案
  • 制作一个透明的圆形按钮,带有不透明边框和文本/字体很棒的图标

    基本上我想要一个性感的 反应灵敏的圆形按钮 它是透明的 这样你就可以通过它看到背景 但有一个不透明的轮廓 这样你就可以看到按钮和不透明的文本 或者也许我会在稍后阶段添加一个字体很棒的图标 这是我的 JS 小提琴 这样你就可以看到我正在尝试做
  • Chrome扩展程序自定义光标

    我构建了一个 Google Chrome 扩展程序 在网站中放置一些 IMG 标签 hover 上的此 img 标记必须显示自定义光标 该扩展使用 jQuery 作为其注入的核心脚本 我尝试了以下方法 1 var cursor url ch
  • 具有 dropdown-menu-right 类的下拉菜单未向右对齐

    我有以下导航栏结构 current user username 来自我的模板系统 ul class navbar nav mr auto mt 2 mt lg 0 ul div class dropdown show a class dro
  • 位置固定,无顶部和底部

    我发现了有趣的功能 但找不到它发生的原因 所以 我们有固定位置元素 它位于 body 下方 第一个元素有样式 firstEl width 100 height 200px background color green 第二个元素有 fixe
  • jquery - 如何根据我的滚动位置滚动顶部动画到下一个可见的 div/类?

    如果标题有点模糊 请原谅我 因为我不知道如何写下来 基本上 我们有一个包含 6 个 场景 的页面 他们都有班级 scene和不同的 ID 例如 scene1 scene2 etc 首先 我们必须动态更改每个场景的颜色 gt 场景 1 是浅色
  • 角 2 材料容器固定不工作

    我对 CSS 和 Angular 2 材质有疑问 任何固定定位元素的行为都不像固定在 md sidenav container 内 如果它不在容器内 则它可以正常工作 这是该问题的链接 只需将 md toolbar 复制并粘贴到容器内部 您
  • 如何使h1标签以其实际宽度居中

    我需要使 h1 标签居中 还需要在其周围制作边框 为了防止占用更多宽度 我给出display inline block但标签没有响应text align center then h1 text align center border 1px
  • Javascript显示/隐藏div onclick

    我有一个页面 其中包含三个 div 每个 div 是一个段落 我想使用 javascript 在用户从导航栏中按下每个 div 时仅在页面中显示这是导航栏 https i stack imgur com 1LnsS png WebDev 只
  • CSS:仅背景不透明度,而不是内部文本[重复]

    这个问题在这里已经有答案了 我有这个注册表框 我真的很喜欢背景如何变得不透明 透明为 25 85 但后来我注意到文本和表单元素也变暗了一点 所以我想知道如何做到这一点只有边框和背景而不是盒子里面的东西 regForm z index 11
  • Twitter Bootstrap 按钮的水平和垂直分离

    是什么导致 Twitter Bootstrap 的按钮水平分离 我在 CSS 代码中找不到它 我试图对垂直方向重复相同的操作 但似乎我未能实现这一目标 如何在按钮之间添加垂直分隔 仅当它们垂直堆叠时 第二张图片 但当它们不是 第一张图片 时
  • Django 未在 404 页面上应用应用程序中的 CSS 文件

    姜戈3 0 8 Python 3 7 x 我有一个包含一些应用程序的 Django 项目 我正在尝试为 400 403 404 500 错误制作一些 默认 错误页面 我已经这样做了 并显示了适当的模板 但没有任何样式或 JS 在 404 错
  • 下拉菜单导致滚动条

    我用过这个W3C 的示例 http www w3schools com bootstrap bootstrap dropdowns asp div class dropdown div
  • 禁用 iframe 中的滚动

    有没有办法在 iframe 中禁用所有滚动 我有一个 iframe 其中内容超出了 iframe 尺寸 设置scrolling no 只会删除滚动条 但不会禁用滚动 我无法控制 iframe html 的头部 所以我无法设计它的样式 有任何

随机推荐

  • Qt - 如何检测应用程序是在 GNOME 还是 KDE 上运行?

    我想知道我怎么能做这样的事情 使用 Qt 我查看了文档 但找不到任何方法来检查外部进程是否正在运行 if pidof ksmserver then echo KDE running KDE specific stuff here elif
  • 连续调用多个函数

    我知道这个问题已经被问过好几次了 但是我似乎无法找到适用于我的代码的解决方案 等到带有动画的函数完成后再运行另一个函数 https stackoverflow com questions 12116505 wait till a funct
  • LoadControl,WebMethod 中的用户控件

    我正在尝试通过发送电子邮件WebMethod下面是我通常在常规回发中使用的代码 WebMethod public static void SendEmail string name string phone string emailaddr
  • Python 函数中的打印与返回

    我这些天正在学习Python 我想问一下哪种代码更适合在现实世界中编写并适用于实际应用 不过 这两个代码给出了相同的输出 在第一个函数中 我在内部使用了 return 然后在调用时必须使用 print 另一方面 我在内部使用了 print
  • 父 div 中的中心图像元素

    如何将图像元素设置在父 div 内居中 我想这样做 以便图像的中间始终位于他父母的中心 另外我希望图像始终具有 100 的高度 注意 我不想拉伸图像宽度 请参阅此处的示例 http jsfiddle net Ex5ax 5 http jsf
  • bootstrap 3 中的 footable 未初始化

    我试图通过 twitter bootstrap 集成的优秀 footable 插件未初始化 也就是说 感谢我的 firebug 检查器 我可以看到该表是由 footable 插件处理的 但我总是想隐藏该行 data hide all 是可见
  • 使用反射的 == 运算符

    使用反射后的对象比较 var a new A a aa b 1 var b new A a aa b 2 Type type typeof A object old type GetProperty a GetValue a object
  • 在返回与其对象相同类型的值的最终方法中使用泛型

    考虑以下不可变类 A B extends A C extends B D extends C A类有一个方法叫做process获取类型的参数A 然后返回调用对象类型的值 public class A public final
  • javascript RAM内存使用情况[重复]

    这个问题在这里已经有答案了 我有一个可以上传图片的网站 我在上传之前从客户端进行裁剪 然后在服务器端进行新的优化 在移动设备上 当没有可用 RAM 时出现故障 如果没有内存 如何从 JavaScript 获取 RAM 内存使用情况以跳过 C
  • 在 HTML/CSS 中检测没有 JavaScript 的 IE11 [重复]

    这个问题在这里已经有答案了 我一直在使用以下技巧来制作特定于浏览器的 HTML div class not ie div 这不适用于 IE11 有什么新的技巧可以使用吗 我可以使用 JavaScript 检测它 使用 CSS 功能 功能检测
  • 在 DB2 中将十进制转换为日期

    我的表中有一列的日期值为十进制 例如20180715对于日期15 07 2018 我想将其转换为MMDDYYYY格式 例子 给定十进制值20180715被转换为07152018 怎么做 尝试这样的事情 select VARCHAR FORM
  • 在 pandas 数据框中查找连续的段

    我有一个 pandas DataFrame 其中包含在连续时间点进行的测量 随着每次测量 被观察的系统在每个时间点都有不同的状态 因此 DataFrame 还包含一列 其中包含每次测量时的系统状态 状态变化比测量间隔慢得多 因此 指示状态的
  • 如何删除 Jquery PrintElement 中的 url 和页脚

    插件链接 http projects erikzaadi com jQueryPlugins jQuery printElement Sample 我正在使用上面的插件来打印网页的一部分 我在这里的查询是如何删除与打印页面一起显示的网址和页
  • Eclipse XWT 已投入生产?

    有人用过吗Eclipse XWT http wiki eclipse org E4 XWT在不平凡的 例如比教程更复杂的东西 环境中 我不认为 Eclipse4 本身使用它 它真的比 SWT 有什么优势吗 XWT 是一个声明式 UI 框架
  • 查找 Rails 3 中的最新记录

    我想知道是否有办法找到rails3表中的最新记录 给定一个 Post 模型 你可以这样做 post Post order created at last 我不只是做的原因 post Post last是因为它总是默认按您的主键排序 通常id
  • Spark 2.x 中结构化流连接两个流的解决方法

    我有一个配置流 不经常更改 但如果有更新 它将是一条消息 和另一个原始数据点流 据我了解 目前 Spark 不支持加入流数据集或数据帧 有没有好的方法来解决这个问题 是否可以将其中一个流数据集 快照 为静态数据集 可能是配置数据集 因为它的
  • 如何在 JQuery When - Then 语句中循环处理 Ajax 请求?

    我正在尝试从 API 异步加载一堆数据 当加载所有数据时 我想触发一个事件来加载所有数据 我遇到的问题是我使用的 API 将响应对象的数量限制为 5 我可能需要检索 30 40 个响应对象 所以我想要做的是创建一个 when then 语句
  • 将全局变量传递给 vue 组件属性

    我正在尝试将 php laravel 数据从自定义全局变量传递到我的组件 我见过这样的例子new Vue 直接进入区域 但我还没有看到任何方法可以通过直接进入组件来传递它
  • 具有 HTML5 应用程序缓存的单页应用程序的 Nginx 配置

    我正在尝试构建一个利用 HTML5 应用程序缓存的单页应用程序 它将为每个不同的 URL 缓存应用程序的全新版本 因此我必须将每个人重定向到 并让我的应用程序随后路由它们 这是使用的解决方案devdocs io http devdocs i
  • 3 列,中心列固定,两侧填充父级

    如何使 B 的大小固定为 800px 而 A 和 C 填充空间 使它们全部接触在一起 http jsfiddle net 8ufuV http jsfiddle net 8ufuV 最简单的方法是使用display table cell S