问题标签 [layout]

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 投票
3 回答
45533 浏览

html - 如何将 HTML 表格拉伸到浏览器窗口高度的 100%?

我正在使用表格来设计网页的布局。我希望表格填满页面,即使它不包含太多内容。这是我正在使用的 CSS:

我在页面代码中放置了这样的东西:

这适用于 Opera 9,但不适用于 Firefox 2 或 Internet Explorer 7。有没有一种简单的方法可以使该解决方案适用于所有流行的浏览器?

(添加id="container"td没有帮助。)

0 投票
4 回答
2153 浏览

html - 将表格布局转换为 Div

我正在实现一个使用 ASP.Repeater 来显示每个评论的评论控件。评论本身目前使用表格来显示,将一些图像划分为气泡中的评论。

我知道表格应该是设计布局的邪恶缩影,并且对于浏览器显示非常昂贵,但我不完全确定如何将我的圆角放在正确的位置并确保所有内容都对齐。

是否有人对所需的 HTML/CSS 有任何建议、示例、技巧,或者我应该坚持使用表格并希望获得最好的结果?

0 投票
5 回答
177 浏览

layout - 在 wiki 上,可以接受重组人们的标题吗?

我不喜欢人们使用 h3 而不是 h1,或者仅仅因为它的外观而跳过一个级别。恕我直言,标题表示文档结构,而不是布局。布局只是一个副作用,可以通过主题进行自定义。

“错误”的标题级别也使得生成正确的目录和/或导出到其他格式变得更加困难。

在进行 wiki 园艺时,是否可以完全重组其他人的页面以使用适当的嵌套标题级别?

0 投票
3 回答
446 浏览

html - 有关如何使用边距的信息

我需要一些关于如何使用边距以及填充如何工作的信息。

例如:我应该放一条线来占据页面的整个宽度(无论使用什么分辨率来显示网页),让每边只有一个小边框,我怎么能做到这一点?

0 投票
11 回答
20232 浏览

ruby-on-rails - 使用 RSpec & Rails 测试给定布局的渲染

是否可以使用带有 Rails 的 RSpec 测试给定布局的使用,例如,我想要一个执行以下操作的匹配器:

我在谷歌搜索时发现了一个 use_layout 匹配器,但它不起作用,因为响应或控制器似乎都没有匹配器正在寻找的布局属性。

0 投票
12 回答
8859 浏览

html - 在 html 中显示表单时使用表格标签是不好的设计吗?

我一直听说div标签应该用于布局目的而不是table标签。那么这也适用于表单布局吗?我知道表单布局仍然是布局,但似乎使用divs 创建表单布局需要更多htmlcss. 那么考虑到这一点,表单布局应该使用div标签吗?

0 投票
22 回答
5587 浏览

java - 您使用哪个布局管理器?

大家都用什么java GUI布局管理器?最近,我一直在使用MigLayout,它有一些强大的组件控件。只是想看看除了标准的 JDK 之外,其他开发人员正在使用什么。

0 投票
2 回答
1891 浏览

wpf - 布局之间项目的WPF动画?

我有两种不同的方式在 WPF 应用程序中显示项目。第一个使用 WrapPanel,第二个使用垂直 StackPanel。通过在两种类型之间切换主机面板,我可以在两种显示我的项目的方式之间切换。这确实有效,但您会在布局中获得实例更改。

相反,我希望子项在两个布局之间进行动画处理,以便为用户提供良好的平滑效果。有什么想法可以实现吗?我是否需要改为使用 Canvas 并手动计算儿童的位置?那将是一个真正的痛苦!

0 投票
2 回答
3962 浏览

html - 用css定位三个div

我有三个divs

我将如何定义 CSS 样式(不接触 HTML)以将menu-div作为左列,login-div在右列中,content-div也在右列中但在login-div.

每个 div的width是固定的,但height不是。

0 投票
7 回答
883 浏览

html - 为什么小空间不断出现在我的网页中?

这可能是一个愚蠢的问题,但如果有更好或正确的方法来做到这一点,我很想学习它。

我遇到过几次,包括最近,在我的 HTML 页面的渲染版本中出现了小空间。直觉上,我认为这些不应该存在,因为在文本或实体之外,页面 HTML 的格式应该无关紧要,但显然它确实如此。

我指的是这个——我从客户那里得到了一些关于他们希望他们的网站看起来如何的 Photoshop 文件。他们希望它看起来与此文件中的图像基本像素完美。

页面中的一个地方需要一个菜单​​栏,每个地方都会在悬停时进行更改,充当超链接等。在 Photoshop 文件中,这是一个长栏,因此一种廉价且简单的方法是只需将该段拆分为多个图像,然后将它们彼此相邻放置在文件中。

所以本能地我把它排成这样(还有更多,但这是要点)

等等。

问题是图像之间的空间很小,这是不可接受的,因为客户想要这个像素完美的东西(而且它看起来很糟糕)。

使其正确渲染的一种方法是删除图像之间的回车符

这使得图像相互对立(期望的效果),但它使行非常长并且代码更难以维护(它在这里包装在 SO 中,这是一个简化版本 - 真正的有更长的文件名和 JavaScript洒进去做悬停)。

在我看来,这不应该发生,但看起来 HTML 中的回车被呈现为一个小的空白空间。这发生在所有浏览器中,看起来像。

我认为上面的两个片段应该呈现相同是对还是错?有什么我做错了吗?也许用错误的编码保存文件?我是否应该将这些链接中的每一个都设为完美定位的 CSS 元素?