问题标签 [alignment]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
10 回答
275537 浏览

html - 水平对齐表格的CSS方法

我想在浏览器窗口的中心显示一个固定宽度的表格。现在我用

但是 Visual Studio 2008 在这一行给出警告:

属性“对齐”被认为是过时的。建议使用较新的构造。

我应该对表格应用什么 CSS 样式以获得相同的布局?

0 投票
40 回答
1127749 浏览

html - 如何跨浏览器一致地对齐复选框及其标签

这是一直困扰我的小 CSS 问题之一。

Stack Overflow 周围的人如何垂直对齐checkboxes以及他们labels始终如一的跨浏览器

每当我在 Safari 中正确对齐它们(通常vertical-align: baseline在 上使用input)时,它们在 Firefox 和 IE 中完全关闭。

在 Firefox 中修复它,Safari 和 IE 难免搞砸了。每次编写表格时,我都会在这上面浪费时间。

这是我使用的标准代码:

我通常使用 Eric Meyer 的重置,因此表单元素相对而言没有覆盖。期待您提供的任何提示或技巧!

0 投票
3 回答
1532 浏览

tabs - 制表符间隔数据到填充列

寻找一个列格式化脚本,我觉得这可能是一个单行 awk。理想情况下,我只需要一个小的 shell 脚本。

数据是制表符分隔的,每行中的每个单元格的长度都是可变的,当然,其中可能有空格。

所以我们有这样的东西

最终应该是这样的:

理想情况下,能够调整每个之间的硬间隔量。如果它在逐列的基础上查看会更好,因此前导的短单元格不会都获得相同的正确填充。

不理想:

理想的:

0 投票
30 回答
2587072 浏览

html - 在 CSS 中设置 cellpadding 和 cellspacing?

在 HTML 表格中,cellpaddingandcellspacing可以这样设置:

如何使用 CSS 实现相同的功能?

0 投票
10 回答
107012 浏览

css - 并排的两个 HTML 表格,以页面为中心

我在一个页面上有两个表格,我想并排显示,然后在页面中居中(实际上在另一个 div 中,但这是我能想到的最简单的方法):

我知道这与表格浮动的事实有关,但我不知道我缺少什么。有许多网页描述了我在这里展示的技术,但无论如何它都不起作用;桌子顽固地紧贴着左边的边缘。

0 投票
5 回答
3227 浏览

image - “ul”中的背景图片居中...但我希望它在顶部

在这个页面(http://www.bonniesphere.com/blog/elsewhere/)上,“li”项目有一个图像而不是一个项目符号。但是图像垂直居中,在多行条目中看起来不太好。谁能告诉我 CSS 中是否有需要更改的内容?

下面是相关代码:

.entry ul {list-style-type:none;} .entry ul li{padding: 0 0 0 15px;background: url(img/ol.gif) no-repeat left center;margin-left:10px;}

非常感谢您的帮助...

0 投票
30 回答
1081526 浏览

html - 居中的最佳方法
在页面上垂直和水平?

<div>在页面上垂直和水平居中元素的最佳方法?

我知道这margin-left: auto; margin-right: auto;将以水平为中心,但是垂直的最佳方法是什么?

0 投票
3 回答
77974 浏览

wpf - 如何使 WPF ListView 项目水平重复,如水平滚动条?

我有一个垂直重复数据的 WPF ListView。我不知道如何让它水平重复,就像 Windows 资源管理器中的幻灯片视图一样。我当前的 ListView 定义是:

DataTemplate 是(尽管我认为这无关紧要);

0 投票
10 回答
16028 浏览

c++ - 确定 C/C++ 结构相对于其成员的对齐方式

如果结构成员的对齐方式已知,是否可以找到结构类型的对齐方式?

例如。为了:

是 S = max(alignment_of(a), alignment_of(b), alignment_of(c)) 的对齐方式吗?

在互联网上搜索我发现“对于结构化类型,其任何元素的最大对齐要求决定了结构的对齐”(在What Every Programmer Should Know About Memory中)但我在标准中找不到任何类似的东西(最新更准确地起草)。


编辑: 非常感谢所有的答案,特别是罗伯特甘布尔,他对原始问题和其他做出贡献的人提供了非常好的答案。

简而言之:

为了确保结构成员的对齐要求,结构的对齐必须至少与其最严格的成员的对齐一样严格。

至于确定结构的对齐方式,提出了一些选择,经过一些研究,我发现:

  • c++ std::tr1::alignment_of
    • 尚未标准,但接近(技术报告 1),应该在 C++0x 中
    • 最新草案中存在以下限制: 前提条件:T 应是完整类型、引用类型或未知边界数组,但不应是函数类型或(可能是 cv 限定的)void。
      • 这意味着我提出的使用 C99 灵活数组的用例将不起作用(这并不奇怪,因为灵活数组不是标准 C++)
    • 在最新的 c++ 草案中,它是用一个新关键字 - alignas 定义的(这具有相同的完整类型要求)
    • 在我看来,如果 C++ 标准曾经支持 C99 灵活数组,则可以放宽要求(结构与灵活数组的对齐方式不应根据数组元素的数量而改变)
  • c++ boost::alignment_of
    • 主要是 tr1 替代品
    • 似乎专门用于 void 并在这种情况下返回 0 (这在 c++ 草案中是禁止的)
    • 开发人员注意:严格来说,您应该只依赖 ALIGNOF(T) 的值是 T 的真实对齐的倍数,尽管在实践中它确实在我们所知道的所有情况下计算正确的值。
    • 我不知道这是否适用于灵活的数组,它应该(通常可能不起作用,这解决了我平台上的编译器内在问题,所以我不知道它在一般情况下会如何表现)
  • Andrew Top 提出了一个简单的模板解决方案,用于计算答案中的对齐方式
    • 这似乎与 boost 所做的非常接近(如果它小于我所看到的计算对齐,boost 将另外返回对象大小作为对齐)所以可能同样的通知适用
    • 这适用于灵活的数组
  • 使用 Windbg.exe 找出符号的对齐方式
    • 不是编译时间,特定于编译器,没有测试它
  • 在包含该类型的匿名结构上使用 offsetof
    • 查看答案,不可靠,不可移植 c++ non-POD
  • 编译器内在函数,例如。MSVC __alignof
    • 使用灵活的数组
    • alignof 关键字在最新的 c++ 草案中

如果我们想使用“标准”解决方案,我们仅限于 std::tr1::alignment_of,但如果您将 c++ 代码与 c99 的灵活数组混合使用,这将不起作用。

正如我所见,只有 1 个解决方案 - 使用旧的 struct hack:

在这种情况下(以及所有其他情况),不同的 c 和 c++ 标准及其日益增长的差异是不幸的。


另一个有趣的问题是(如果我们不能以可移植的方式找出结构的对齐方式)可能最严格的对齐要求是什么。我可以找到几个解决方案:

  • boost(内部)使用多种类型的联合,并在其上使用 boost::alignment_of
  • 最新的 c++ 草案包含 std::aligned_storage
    • 对于大小不大于 Len 的任何 C++ 对象类型,default-alignment 的值应是最严格的对齐要求
      • 所以std::alignment_of< std::aligned_storage<BigEnoughNumber>>::value应该给我们最大的对齐
      • 仅草稿,尚不标准(如果有的话),tr1::aligned_storage没有此属性

对此的任何想法也将不胜感激。

我已暂时取消选中已接受的答案,以获得对新子问题的更多可见性和输入

0 投票
3 回答
4157 浏览

asp.net - Asp.Net 水平子菜单

如何在保持顶部菜单水平的同时创建一个具有水平子菜单而不是垂直子菜单的 asp:Menu?