小编fre*_*ill的帖子

使 CSS 网格中的列跨越所有行(包括隐式行)

我正在尝试使网格列跨越每个行,包括隐式行。

我遇到了这个问题,询问如何跨越所有网格行。第二个答案有一个更正,说明了更好的解决方案。这似乎可行,但我自己的示例以及对第二个答案的评论表明它不起作用。

W3规格给出了一个非常接近的例子。

我的代码是否有问题,或者这可能是 Firefox、ChromeSafari 中的错误?

我在 CodePen 中也有这个例子

* {
  box-sizing: border-box;
}

.container {
  border: 1px solid #666;
  max-width: 1000px;
  padding: 10px;
  display: grid;
  grid-template-columns: 150px 1fr 300px;
  /* grid-template-rows: repeat(auto) [rows-end]; Doesn't seem to help */
  /* grid-template-rows: [rows-start] repeat(auto) [rows-end]; Doesn't seem to help */
  grid-template-rows: repeat(auto);
  grid-gap: 10px;
  margin: 10px auto;
  grid-auto-flow: row dense;
  /*   justify-items: stretch; */
  /*   align-items: stretch; */
}

.container>* {
  grid-column: …
Run Code Online (Sandbox Code Playgroud)

html css css-grid

7
推荐指数
1
解决办法
4699
查看次数

隐藏php扩展,强制尾随斜线 - 常见问题,总是一个糟糕的答案.告诉我,如果我做对了

我不想问这个问题,因为它被问了一百万次,但答案似乎永远不会令人满意,大多数线程似乎都被抛弃而没有一个公认的答案.

这正是我需要做的事情(由于低业力,坏网址是故意的):

http://example.com/file.php 重定向到 http://example.com/file/

http://example.com/file 还必须重定向到 http://example.com/file/

http://example.com/asdfsadf并且http://examplecom/file/asdfasdf必须转到404页面

这是我在这里和其他地方的帖子拼凑而成的htaccess魔法.它似乎有效(与主题中大多数被遗弃的线程不同,总有一些奇怪的行为).

 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteCond %{REQUEST_FILENAME}\.php -f
 RewriteRule ^([^/]+)/$ $1.php
 RewriteRule ^([^/]+)/([^/]+)/$ /$1/$2.php
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteCond %{REQUEST_URI} !(\.[a-zA-Z0-9]{1,5}|/)$
 RewriteRule (.*)$ /$1/ [R=301,L]
 RewriteCond %{THE_REQUEST} ^[A-Z]+\ /([^/]+/)*[^.#?\ ]+\.php([#?][^\ ]*)?\ HTTP/ 
 RewriteRule ^(([^/]+/)*[^.]+)\.php http://example.com/$1 [R=301,L]
Run Code Online (Sandbox Code Playgroud)

就像我说的,据我所知,即使对于子目录,这也可以正常工作.任何知识渊博的人都可以告诉我,如果我错过了什么.可以改进还是缩短?

为了它的价值,我也删除了www:

 RewriteCond %{HTTP_HOST} ^www.example.com$ [NC]
 RewriteRule ^(.*)$ http://example.com/$1 [R=301,L]
Run Code Online (Sandbox Code Playgroud)

它似乎工作正常.它包含在其他部分之后.这是最好的订单吗?

谢谢大家,我希望我们能够得到一个好的,可靠的答案,因为有很多不好的答案.

.htaccess mod-rewrite redirect

6
推荐指数
1
解决办法
1437
查看次数

点击jQuery插件中的事件

我想用jQuery插件做一些相对简单的事情.我只是不完全确定它内部的点击事件.

这是一个有效的简单例子......

$.fn.testy = function() {
  var testElem = this.find('p');
    testElem.click(function(){
      testElem.addClass('highlighted');
      ^^^^^^^^
   });

};

$("div").testy();
Run Code Online (Sandbox Code Playgroud)

现在,如果不是写作testElem.addClass('highlighted');,我说this.addClass('highlighted');,我会得到这个错误:Uncaught TypeError: Object #<HTMLParagraphElement> has no method 'addClass'

我理解this在这种情况下引用jQuery.我只是通过重用变量来实现它,但这感觉不对.我如何定位我点击的东西?

例如,如果我只是编写脚本,我会写这样的东西:

$('a').click(function(){
  $(this).addClass('active');
});
Run Code Online (Sandbox Code Playgroud)

如何仅针对指定a元素内的元素进行此操作?

jquery

3
推荐指数
1
解决办法
5328
查看次数

标签 统计

.htaccess ×1

css ×1

css-grid ×1

html ×1

jquery ×1

mod-rewrite ×1

redirect ×1