定位第 n 列(由列数组成)

2023-11-24

假设我有这个

<ul>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
</ul>


ul {
   column-count: 2;
}

我想将第一列向右对齐,第二列向左对齐,有没有办法使用 css 选择器来定位其中一个列?


到目前为止,还没有办法用纯 CSS 来定位第 n 列。

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

定位第 n 列(由列数组成) 的相关文章

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

    font face 有点令人困惑 因为所有浏览器都无法决定使用哪种文件格式 下面是我目前正在使用的向网站添加 1 个新字体的方法 您可以看到有 4 个单独的字体文件 我知道每个文件都是因为某些浏览器支持不同的格式 但浏览器是下载所有文件还是
  • 我可以根据同一容器中另一个元素的大小强制内联文本换行吗?

    考虑这个 jsbin http jsbin com ElIKOKe 3 edit html css output 我有这个html div class container span The lime outlined container h
  • 在 HTML5 iOS 7 / iOS 8 中显示十进制键盘

    经过几个小时的搜索后 我只是有一个简单的问题 是否有可能在网络浏览器输入字段中显示小数键盘 input type number 只显示数字 但我需要在左下角使用逗号或点 我尝试过任何事情 pattern step等等 但没有显示十进制键盘
  • 如何从 bootstrap-markdown.js 调用 .getContent 和 .parseContent

    我是使用 Bootstrap 插件的新手 刚刚通过代码学院 http www codecademy com en skills make an interactive website 我真的很想用这个很棒的引导 Markdown 插件 ht
  • 删除圆形图像周围的边框

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

    我试图让引导站点中的字形在悬停时旋转 除了更改颜色之外 这是我的尝试 http jsfiddle net young greedo17 88g5P http jsfiddle net young greedo17 88g5P 使用此代码 d
  • 滚动时将菜单栏固定在顶部[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我见过一些网站 当用户向下滚动页面时 会在右侧或左侧弹出一个框 另外 注意到这个模板 http www mvpthemes com m
  • 水平滚动的表格上的“粘性”标题......完全不可能?

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

    我的按钮文本在 safari 中显示在一行上 即使在初次单击后 但是在 google chrome 上 当您第一次到达该按 钮时 我的按钮将显示在一行上 但是当您浏览更多帖子并再次遇到 加载更多 按钮时 文本搞砸了 这只发生在谷歌浏览器上
  • 为不同的字体系列指定不同的字体大小

    有没有办法为不同的字体系列指定不同的字体大小 我想要使 用的字体 出于产品品牌目的 是一种有点罕见的字体 FlashDLig 并非所有 PC 和浏览器都支持 我的一台带有 IE 9 的 Windows 7 PC 不显示它 现在 对于我使用
  • CSS 网格框架中的间距有什么作用?

    我正在深入研究 Web 开发 并且正在使用 Blueprint CSS 框架 其中包括网格系统 我有几个问题 水沟有什么用处 当然 它们不用于在列之间包含空间 因为您可以使用 margin CSS 属性来实现这一点 对吗 或者排水沟只是一种
  • 将特定字形与网络字体一起使用

    使用网络字体 我想使用字体功能设置 CSS 中的选项以及跨度类HTML 中 以便使用字体集中的特定替代字形 我需要以正确的语法使用哪些值 GID Unicode 才能定位特定的目标glyph内glyph备择方案 这些功能使用 OpenTyp
  • CSS 精灵按钮

    这些精灵按钮让我抓狂 我几乎可以让他们工作 但不完全是 我正在玩这个非常简单的精灵图像 我有一个 jsfiddle 项目 gt gt 这里 如果你想看的话 但如果你只想看一下 代码就在下面 http jsfiddle net jp2code
  • chrome 中选择选项元素的额外填充

    我有一个选择元素 用户可以在其中选择分类和描述 仅在 Chrome 浏览器中 我有一个额外的填充 无法使用 padding 0 或其他 css 标签删除它 Chrome 的屏幕 https i stack imgur com m3iIb p
  • 从字体到跨度(大小和颜色)和背面的正则表达式(VB.NET)

    我正在寻找一个正则表达式 可以将我的字体标签 仅具有大小和颜色属性 转换为具有相关内联CSS的span标签 如果有帮助的话 这将在 VB NET 中完成 我还需要一个正则表达式来实现相反的效果 下面详细说明的是我正在寻找的转换示例 font
  • TDD/测试 CSS 和 HTML? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 有没有办法测试 CSS 和 HTML 例如 有时某些通知会受到某些 CSS 更改的影响 我不想每次进行更改时都手动测试所有通知 Tha
  • 为什么网格项目不居中?

    由于某种原因 两个输入范围使网格中的前两项偏离中心 我假设这是因为它们的影子 DOM 样式 事实真的是这样吗 有谁知道为什么范围使项目 A 和 B 偏离中心 这是一个代码笔 https codepen io tOkyO1 pen QOeKL
  • 如何覆盖 bootstrap 表 td 样式?

    我正在使用 Bootstrap 3 3我有一个 HTML 代码如下 div table class table table striped tr td 03 td td 04 td td 05 td td 06 td td 07 td td
  • 使用 CSS 覆盖透明 div 中的不透明文本

    我试图使透明 div 内的文本没有不透明度 也就是全黑 div style background 3cc p style background 000 This text should be all black p div 只用 CSS 就
  • Twitter bootstrap 3表单水平和单行多个输入列

    我需要将多列输入放在单行中 如下所示 我通过将多个输入分组为一个来做到这一点form group 但是这样我不能使用has error class div class form group div

随机推荐

  • 在 Perl 6 中用另一个数组的元素过滤数组的元素

    我想过滤元素 array以以下元素开头 search my array aaaaa fffff my search aaaa cccc put for array grep search 问题是这需要 19 秒 所以我 预编译 the re
  • 如何实现TabHost滑动效果? [关闭]

    很难说出这里问的是什么 这个问题模棱两可 含糊不清 不完整 过于宽泛或言辞激烈 无法以目前的形式合理回答 如需帮助澄清此问题以便重新打开 访问帮助中心 我需要创建一些 TabHost 表单分页 切换选项页面时TabHost栏有滑动动画效果
  • 英特尔 AVX 内在函数:有兼容库吗?

    有 Intel AVX 内在函数库吗 我正在寻找类似于 sse2mmx h 标头的内容 如果 SSE2 整数内在函数在编译时不可用 则该标头会回退到 MMX 内在函数 因此 如果我有类似的 AVX 库 我可以为新硬件编写优化的代码 在 AV
  • 如何验证 Blazor EditForm 中的单个字段?

    我得到了EditContext from CascadingParameter CascadingParameter public EditContext EditContext get set 我意识到存在一个 Validate方法 验证
  • 通过 REST 调用使用外键将项目添加到集合中

    我有 2 个具有双向关联的 jpa 实体 Entity Container包含项目集合 oneToMany 省略 getter setter javax persistence Entity Table name CONTAINER pub
  • 如何将 kable 拆分为多列?

    我正在尝试为 RMarkdown 中的长表生成 纵向 布局kable 例如 我希望将表分为两列 如下例所示 dd lt data frame state state abb freq 1 50 kable list state dd 1 2
  • Android 点击弹出窗口

    我创建了一个扩展弹出窗口的类 它的构造函数看起来像下面这样 super builder context get this setWindowLayoutMode ViewGroup LayoutParams MATCH PARENT Vie
  • WatchKit Complication:从扩展委托获取 Complication 数据

    我的 WatchKit 扩展中有我需要的所有数据 从 iOS 应用程序传递 我使用了WatchKit中的数据InterfaceController填写表格 效果非常好 我正在尝试找出最好的方法在我的 WatchKit 中获取相同的数据Com
  • 当接口 ReadOnly 属性在 C#.NET 中有效时,为什么不能在 VB.NET 中覆盖它?

    这与这另一个问题 如果您定义一个接口 其中有一个仅具有 getter 的属性 VB NET 中的 ReadOnly 为什么用 C 实现类时可以定义 setter 而用 VB 却不能 我本以为它是在 NET 级别定义的 而不是特定于语言的 示
  • HTML5 doctype 将 IE9 置于怪异模式?

    我正在尝试让 IE9 使用 IE9 标准加载我的页面 我注意到有将这该死的东西置于怪异模式 这几乎破坏了页面上的所有内容 如何让 IE 遵守 IE9 标准 Placing in the 标签应该可以做到
  • d3js 转换嵌套组图像

    我正在研究 this 1 d3 项目 基本上我正在尝试创建一个类似 SQL 的查询生成器 我可以将盒子放到绘图区域以及盒子内的其他操作员 那么我应该能够将它们全部连接起来 我正在尝试翻译嵌套在组中的 2 个图像 我想把小东西搬到大箱子里 我
  • “make install”和“make altinstall”之间的细节差异

    这是我的案例 我在用Ubuntu 10 04 清醒山猫 系统默认的Python是v2 6 5 但我需要Python v2 7 所以我从 python org 下载了源代码并尝试安装它 我第一次安装它时 我运行 cd Python2 7 4
  • eval和setTimeout执行字符串代码的区别

    我知道eval and setTimeout都可以接受字符串作为 第一个 参数 而且我知道最好不要使用它 我只是好奇为什么会有差异 function var foo 123 eval alert foo function var foo 1
  • Angular jasmine 测试无法触发使用 fromEvent rxjs 运算符创建的 Observable

    我有一个简单的案例 标准AppComponentAngular 应用程序包含ChildComponent这是在它自己的模块中定义的ChildModule 模板为ChildComponent很简单 div class child div Ch
  • Android中的人脸识别认证[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 与应用程序的指纹身份验证类似 我正在尝试在我的 Android 应用程序之一中实现人脸识别身份验证 任何人都可以指导我如何使用任何库或任何东西来实现
  • 使用Python和ftplib检查FTP服务器上的对象是文件还是目录

    我正在使用 Python 和 ftplib 编写一个通用函数来检查 FTP 目录中的项目是文件还是目录 由于使用 MLSD 函数可能不一定适用于所有服务器 我的一个用例没有提供它 因此我采用了这种有效但粗略的方式来确定它 方法是尝试更改对象
  • 使 html 选择选项下拉菜单默认打开

    单击选择框时 将显示选项的下拉列表 下拉列表保持打开状态 直到用户单击外部或选择下拉列表中的选项之一 有没有一种简单的方法可以让用户进入页面时显示下拉列表 类似于自动对焦 但更好 类似于亚马逊自动显示菜单的方式 我知道我可能可以制作一个 u
  • sqlite 返回:错误代码 = 1,消息 = 没有这样的列:kitchen1

    我已经收到这个错误两天了 但我找不到我的代码的问题 这是数据库代码 SQLHandler java import android content ContentValues import android content Context im
  • 找出 GCC 包含路径是什么[重复]

    这个问题在这里已经有答案了 我正在尝试以编程方式找到 includeLinux 上的路径 据我了解 实际上意味着找到 GCC 认为它是什么 这是真的吗 Clang 是如何做到的 根据http gcc gnu org onlinedocs c
  • 定位第 n 列(由列数组成)

    假设我有这个 ul li test li li test li li test li li test li li test li li test li ul ul column count 2 我想将第一列向右对齐 第二列向左对齐 有没有办