问题标签 [yui-pure-css]

我使用 purecss (purecss.io)，到目前为止效果很好，但我还没有设法在他们的响应网格中垂直居中任何东西。

我有一个 div (class="pure-u-1-3") 自动具有它的父元素的高度。我想在其中垂直居中一个表单（也尝试包装在一个 div 中）。我尝试了在 StackOverflow 和许多其他在线资源上找到的所有内容。不幸的是，纯 CSS 似乎正在摧毁它。

有任何想法吗？

使用 YUI 和 Pure-CSS，我创建了一个水平导航菜单。一个链接（“Messenger”）必须打开一个新窗口或标签（target =“_blank”），但 Javascript 会忽略它并在当前窗口中打开链接。

HTML/CSS 是：

Javascript是：

这是小提琴：

http://jsfiddle.net/k8qMY/607/

这些库似乎有几个类似的问题，但大多数处理使用 onClick 跟踪新窗口或强制新窗口而不是新选项卡。

我有这个页面，其中有一个菜单（使用 Pure），并且在单击时有一些链接运行 javascript 来更改页面上的图片。出于某种原因，当代码在 Pure 菜单中时，它不会运行。当它在菜单之外时，它运行没有问题。

任何想法为什么会发生这种情况或任何更优雅的解决方案的提示？

对于那里的 CSS 专家，我无法弄清楚使第一个标签/选择对不居中对齐的 css，但第二个确实居中对齐。

请参阅下图中的问题。我的目标是让第一个标签/选择对在中间对齐，并理解实现它的 css 规则。

在这里你可以看到这个动作......小提琴

我正在使用纯 CSS 框架，我的代码看起来像

这是一个 JSfiddle：http: //jsfiddle.net/ME4jv/

我要做的是将徽标（向左浮动）与导航链接（向右浮动）对齐，但浮动和网格系统都不起作用。

我正在实现纯 CSS 框架。

在我的 html 头中：

问题是它只能在 IE 9+ 上正确呈现。在 IE 8 上，它似乎也没有拉起“grids-responsive-old-ie-min.css”文件。

我的翡翠写得好吗？

我正在设计一个简单的表单，我注意到在textarea表单中添加行和列后不再显示其响应属性。

cols="80" rows="10"从中删除后，textarea我注意到表单保持响应直到 textares 的大小或只是说 textarea 没有显示任何响应属性我该如何解决这个问题？

我的页面设计可以在这里查看。

我正在使用 PureCSS 并有一个看起来像这样的表单：

这是一个JSfiddle。

基本上我的问题是，对于两个输入组，焦点边框显示在整个输入周围，但是对于一个输入和一个 textarea 组，焦点边框不会显示在 textarea 顶部。

我从 SUITCSS 背景来到 Pure CSS（Yahoo! 框架），并正在寻找一种巧妙的方法来向多列网格添加排水沟。

我见过提到 l-box 技术，但找不到一个像样的例子。

这是我目前正在尝试的，通过添加 pure-g--gutter 类：

不幸的是，虽然这似乎确实按预期设置了边距和填充，但它也会导致网格将第二列（两列）回流到下一行。

PureCSSers：你用什么来实现网格列？

我正在使用 PureCSS 和 jQuery Validate 插件。

我有如下代码：

http://jsfiddle.net/jGdK9/

如果没有验证，那么输入组看起来很棒（两个输入在中间连接），但是一旦验证发生（要尝试一下，在名称输入中键入少于两个字符并在输入之外单击) 该组被分开并且看起来不再好。