程序员经验分享-hwhale

CSS3中有没有办法为列指定不同的宽度？

2023-12-14

我想使用 CSS 来呈现两列布局。我正在使用的标记是这样的

<div style="-webkit-column-count: 2;
            -webkit-column-rule: 1px solid black;
            -webkit-column-width: 80px;
             margin-left:20px;margin-top:20px;">
    <div id="picturebox" style="">picture box</div>
    <div id="nme">name</div>
</div>

有没有办法让一列的宽度为 20px，一列的宽度为 80px？


不，没有办法。

该功能专为在相等列之间流动的内容而设计。

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

css

cssmulticolumnlayout

CSS3中有没有办法为列指定不同的宽度？ 的相关文章

  • @font-face 和 font-variant 是个坏主意吗？

    如果我使用 font face字体和font variant small caps对于相同的选择器 字体将回退到 Safari 中的下一个系统默认字体 我该如何解决这个问题 我一开始在创建一个示例来复制您的问题时遇到了一些麻烦 这让我意识到

  • 使用@font-face时浏览器下载什么字体

    font face 有点令人困惑 因为所有浏览器都无法决定使用哪种文件格式 下面是我目前正在使用的向网站添加 1 个新字体的方法 您可以看到有 4 个单独的字体文件 我知道每个文件都是因为某些浏览器支持不同的格式 但浏览器是下载所有文件还是

  • 如何使用 jQuery 或 JavaScript 聚焦 或 标签？

    for var i 0 i

  • jQuery 或 Javascript - 如何禁用窗口滚动而不溢出：隐藏；

    您好 是否可以在不使用的情况下禁用窗口滚动overflow hidden 当我悬停一个元素时 我试过 chat content on mouseenter function document scroll function e if e h

  • 更改

    标签中一个单词的颜色

    我正在处理一份 html 文档 并且只想在我的文档中创建一个单词 p 标记不同的颜色 如果不做完全不同的事情 这可能吗 p p tag p p I want to make only THIS word blue p p style dis

  • 删除圆形图像周围的边框

    我有一个圆形图像 png 文件 中间是透明的 我需要将图像内的背景设置为纯色 为此 我将背景设为纯色 然后将border radius 50 但这会产生一条丑陋的小白线 有没有办法摆脱这个问题 或者我必须在图像编辑器中手动为图像着色 div

  • 滚动时将菜单栏固定在顶部[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我见过一些网站 当用户向下滚动页面时 会在右侧或左侧弹出一个框 另外 注意到这个模板 http www mvpthemes com m

  • 像在 tumblr 注册页面上那样鬼写

    有谁知道如何创建一个类似 tumblr 的字段 http www tumblr com http www tumblr com 这是一个 URL 字段 其中有一些褪色的文本 然后当您单击它并键入时 它会附加一些文本 tumblr com 您

  • 使用 jQuery 更改父元素样式

    我有下一个 html 设置 div class one div class two a href class three Click a div div 我想更改具有类的元素的背景颜色 one当我点击元素时 three使用 jQuery 这

  • 水平滚动的表格上的“粘性”标题......完全不可能？

    经过过去几个小时的研究后 我开始认为这是不可能的 即使在最新的浏览器上也是如此 HTML table具有水平滚动的元素 带有 粘性 thead在顶部 作为垂直滚动的周围网页的一部分 这是我的尝试 a height 100px backgro

  • 嵌套计算操作

    希望这很简单 我想使用CSS calc操作来执行两个计算 我想将宽度设置为等于 100 7 2 但是 如果我尝试在 CSS 计算操作中执行多个操作 则会失败 width calc 100 7 2 如何在一个 CSS 语句中执行多个计算操作

  • 如何简化这个 LESS CSS Box-shadow mixin？ （带有“方向”的多个阴影）

    如何减少这段代码 可能使用循环 以拥有一个接受方向和数字的 函数 dir 想要的 方向 number 我需要多少次影子 这里是10次 color 阴影的颜色 Example 可以工作 但不是很容易使用 perspective box dir

  • ng-include 和 ng-view 不同时加载

    下面是我的应用程序的结构 很简单 页眉和页脚是非常小的文件 而主页上的 ng view 要大得多 当我进入该页面时 我注意到了这一点 首先加载两个 ng include 然后 ng view 出现 页脚被推到底部 页脚闪烁大约 0 1 秒

  • 为什么使用 iPhone 或 iOS 设备在“iframe”中查看“position:fixed”时不起作用？

    我研究过 stackoverflow 似乎position fixed在 iOS 移动设备的 iframe 中 https stackoverflow com questions 15874910 position fixed and if

  • 使用纯 CSS 创建向上和向下箭头图标或按钮

    我正在尝试使用纯 CSS 且无背景图像创建如下所示的 向上和向下 控制按钮 但是当我在 中添加箭头的CSS时li className after or li className before 主盒子的位置移动了 这是我遇到的问题的小提琴 g

  • 重新创建 CSS3 过渡三次贝塞尔曲线

    在 CSS3 过渡中 您可以将计时函数指定为 cubic bezier 0 25 0 3 0 8 1 0 在该字符串中 您仅指定曲线上点 P1 和 P2 的 XY 因为 P0 和 P3 始终分别为 0 0 0 0 和 1 0 1 0 根据苹

  • Bootstrap Affix Nav 导致下面的 Div 向上跳转

    我使用 Bootstrap 的 Affix 函数创建了一个 JSFiddle 以便在向下滚动并且标题移出视图时使导航保持在屏幕顶部 我遇到的问题是 当使用纯 HTML 时 导航下方的文本会过早地跳起来并隐藏在导航后面 查看有问题的代码her

  • Gmail 无法在电子邮件上正确呈现字体

    我已经建立了一个 html 电子邮件并使用了 Google 字体 我已使用以下方法将字体包含在 head 标签中 if mso endif 并使用字体 即我这样做了

  • GWT 主题/模板 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在使用 GWT 开发一个应用程序 尽管 GWT 是基于 JAVA 的媒介 但外观和感觉只能通过 CS

  • 如何为 TBODY 应用垂直滚动条

    我的表中有 4 列和 5 行数据 我必须为 TBODY 应用垂直滚动条 TH 标题内容不应滚动 我对场景进行了编码 并且在我将滚动类应用于 TBODY 之前它工作正常 一旦我将滚动样式类应用于 TBODY 它就会破坏之前的对齐方式 任何人都

随机推荐

  • Java TreeMap 重复键

    我想我可能发现了 Java 中的一个错误 我有一个 TreeMap 其中使用自定义比较器 但是 当我将 键 值 放在已经存在的键上时 它似乎不会覆盖该键 从而创建重复的键 我想我已经验证了这一点 因为我尝试过 System out prin

  • 根据类型参数选择了错误的特征

    我有一个二元特征Resolve pub trait Resolve

  • 如何设置每天早上 8:00 响铃

    我正在尝试设置每天早上 8 00 触发的闹钟 我知道如何创建闹钟 但如何将其设置为每天上午 8 00 启动 am setRepeating 您可以使用日历并将其设置为您想要的适当时间 那么你会做cal getTimeInMillis 并将其

  • 隐藏透明标题下的滚动内容

    好吧 我已经疯狂地寻找答案了 这很简单 我知道 我的页面顶部有一个固定的透明标题 当我滚动时 我希望正文内容在其下方滚动 但不能通过标题 div 看到 我看过类似的帖子 但对我的案子没有任何帮助 感谢任何可能有帮助的提示或线索 谢谢 下面的

  • 安装face_recognition时出错 错误文本：收集face_recognition

    我想在 python 上启动人脸识别项目 我安装了 bython 并安装了 pipelinev 此后 当我安装 pipenv installface recognition shell 时 在安装后会出现错误 黑色先生 PGk31eo C

  • PySide2 Qthread 崩溃

    由于 Qtcore Signal 我想使用 PySide2 Qtcore Qthread 但最终出现此错误 进程已完成 退出代码为 1073740791 from PySide2 QtCore import QThread class Th

  • eval SyntaxError：python 中的语法无效[重复]

    这个问题在这里已经有答案了 我想分配 x0 123 x1 123 x2 123 x3 123 x4 123 x5 123 x6 123 x7 123 x8 123 x9 123 我写代码是为了表达我可以得到一个字符串的输出123当输入x1

  • ViewModel和Model之间的MVVM设计模式关系[重复]

    这个问题在这里已经有答案了 根据MSDN上的图片 似乎所有数据和业务逻辑都应该位于模型内部 其中视图模型应该具有模型的一组重复属性以用于显示目的 View 应该绑定到 ViewModel 内的重复属性 而不是直接绑定到 Models 内的属

  • 如何将文件从一个git分支复制到另一个git分支并另存为不同的文件？

    我想将文件从一个 git 分支复制到另一个分支 但将其另存为不同的文件名 我知道我可以这样做以使用相同的名称复制它 有没有办法在结帐时重命名 git checkout otherbranch myfile txt git show othe

  • 使用以逗号分隔的类似数组的字符串执行存储过程[重复]

    这个问题在这里已经有答案了 可能的重复 使用逗号分隔参数帮助进行 SQL 搜索查询 我想编写一个对表执行选择的存储过程 并且需要一个类型的输入变量varchar max 我想发送一堆由 分隔的值 作为输入参数 例如 Jack Jane Jo

  • 将 EC2 安全组限制为 Elastic Beanstalk 实例

    我将 MongoDB 部署在 EC2 实例中 良好且稳定 我 希望 很快就会使用 Docker 启动我的 Elastic Beanstalk 负载平衡 Web 应用程序 但是 我觉得我的数据库对 dockerize 或 bestalk iz

  • 将 WPF 控件的大小调整为精确的百分比

    在 WPF 中 我想将控件宽度设置为父控件的 97 ActualWidth财产 我怎样才能做到这一点 您可以使用网格面板 例如

  • PHP 简单 HTML DOM 解析器

    我刚开始使用PHP 简单 HTML DOM 解析器 现在我试图提取所有被 a 包围的元素 b 标签包括 b 来自现有的 HTML 文档 这适用于 foreach html gt find b as q echo q 我怎样才能实现只显示被包

  • UWP 从 TreeView 控件获取选定节点

    如何从 a 中获取当前突出显示 选定的节点TreeView控制 根据文档here应该可以迭代控件的SelectedNodes财产但它总是空的 EDIT 事实证明这是 XAML 的一个实际错误 已跟踪here 在修复之前 接受的答案可以作为解

  • 如何更改传递给函数的结构体的值

    嗨 朋友们 我正在练习结构 我有这两个函数 其中一个返回结构 然后将其复制到 main 中的本地结构 我的第二个函数通过输入不同的实体来更改这些本地结构成员 现在我在调用每个函数后打印了结果 令我惊讶的是我注意到两个函数之后的打印结果是相同

  • excel：如何识别包含从关键字列表中获取的文本关键字的行

    我有一列 称为 A 数据 其中每个单元格包含一长串单词 例如 COLUMN A HORNBACH BAUMARKT ETOY ETOY ALIGRO CHAVANNES PR DIPL ING FUST AG ETO ETOY AGIP S

  • 从绿色到红色取决于百分比

    我有一个民意调查系统 我希望这次民意调查的答案是彩色的 例如 如果为 10 则为红色 如果为 40 则为黄色 如果为 80 则为绿色 所以我希望我的 javascript 代码使用 rgb 颜色根据给定的百分比生成颜色 function h

  • Facebook Conceal - 图像加密和解密

    我正在尝试使用 Facebook Conceal Library 加密和解密图像 这是我第一次使用它 因此如果它微不足道 请耐心等待 我查看了有关 SO 的其他问题 以找出异常的原因 但我无法使其正常工作 这是我到目前为止所做的 集成 我使

  • ASP.NET 中的 config.xml 中的 Quartz.NET

    有人可以建议我做错了什么吗 我正在尝试设置quartz 以便在启动时它会读取xml 配置文件 文件里面有一个工作可以激活我的HelloEmail Job cs类 它被正确创建 扩展IJob与执行方法中的逻辑 该 xml 还具有一个每分钟触发

  • CSS3中有没有办法为列指定不同的宽度？

    我想使用 CSS 来呈现两列布局 我正在使用的标记是这样的 div style margin left 20px margin top 20px div picture box div div name div div 有没有办法让一列的宽

热门标签