小编das*_*ash的帖子

我创建了一个带有社交图标的列表.那些图标应该包裹在小屏幕上.

我使用flex-wrap: wrap;它在Firefox和Chrome中完美运行:

但Internet Explorer 11(和IE 10)不会破坏这条线:

代码笔示例

在这里查看代码:http://codepen.io/dash/pen/PqOJrG

HTML代码

<div>
  <ul>
    <li><a href="#"><img src="http://placehold.it/40x40" alt=""></a></li>
    <li><a href="#"><img src="http://placehold.it/40x40" alt=""></a></li>
    <li><a href="#"><img src="http://placehold.it/40x40" alt=""></a></li>
    <li><a href="#"><img src="http://placehold.it/40x40" alt=""></a></li>
    <li><a href="#"><img src="http://placehold.it/40x40" alt=""></a></li>
    <li><a href="#"><img src="http://placehold.it/40x40" alt=""></a></li>
    <li><a href="#"><img src="http://placehold.it/40x40" alt=""></a></li>
    <li><a href="#"><img src="http://placehold.it/40x40" alt=""></a></li>
  </ul>
</div>

CSS代码

body {background: #000;}

div {
    background: rgba(255, 255, 255, .06);
    display: table;
    padding: 15px;
    margin: 50px auto 0;
}

ul {
        display: -webkit-flex;
        display: -ms-flexbox;
    display: flex;
        -webkit-flex-wrap: …

我一直在寻找完美的301重定向.但我发现了很多解决方案而且不知道什么是最好的.

这就是我想要做的

• HTTP://domain.tld/ → HTTPS://domain.tld/
• HTTP://www.domain.tld/ → HTTPS://domain.tld/
• HTTPS://www.domain.tld/ → HTTPS://domain.tld/

最佳实践.htacess？

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
    RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
    RewriteRule ^ https://%1%{REQUEST_URI} [R=301,L]
</IfModule>

这是我的首选代码.至少现在是unil.

替代方式

我还发现了很多其他方法可以重定向HTTP到HTTPS.例如:

1.

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

错过了一步？不,[R=301,L]这里？

2.

RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

不同的订单一般更好吗？

我应该用吗？

RewriteRule ^(.*)$

代替

RewriteRule (.*)

？

3.

RewriteCond %{HTTPS} off
RewriteCond …

我试图将此文本字符 \xe2\x98\xa2 放在一个圆圈内。(☢)

虽然 IE 10 显示文本垂直和水平居中，但 Chrome 和 Firefox 在顶部呈现过多的填充。

任何想法如何解决这一问题？（Flexbox 不是必须具备的）

超文本标记语言

<div class="tl-icon">\n<div>\xe2\x98\xa2</div>\n</div>\n

CSS

.tl-icon {\n    align-items: center;\n    background: black;\n    border-radius: 50%;\n    color: yellow;\n    display: flex;\n    font-size: 3em;\n    height: 3rem;\n    justify-content: center;\n    width: 3rem;\n}\n

请在此处查看现场演示：http://codepen.io/dash/pen/ZYePWP

我加了

php_flag zlib.output_compression off

到我的.htaccess。我读到如果我想让 mod_deflate 工作，需要禁用 PHP 压缩。

有什么方法可以测试PHP压缩是否真的被禁用了？

我修改了我的 Wordpress functions.php 以显示分页：

<?php echo paginate_links( array(
    'prev_text'          => __('Previous Page'),
    'next_text'          => __('Next Page'),
    'type'               => 'list'
) ); ?>

输出几乎完美：

<ul class="page-numbers">
    <li>
        <span class="page-numbers current">1</span>
    </li>
    <li>
        <a class="page-numbers" href="https://domain.tld/page/2/">2</a>
    </li>
    …
    <li>
        <a class="page-numbers" href="https://domain.tld/page/10/">10</a>
    </li>
    <li>
        <a class="next page-numbers" href="https://domain.tld/page/2/">Next Page</a>
    </li>
</ul>

有没有办法向Prev和Next列表项添加一个类li？

    <li class="prev-list-item">
        <a class="prev page-numbers" href="http://domain.tld/page/1/">Previous Page</a>
    </li>

&

    <li class="next-list-item">
        <a class="next page-numbers" href="http://domain.tld/page/2/">Next Page</a>
    </li>

我使用的是新的Google Universal Analytics代码.

有没有办法将事件跟踪添加到选择框并跟踪选择框中每个选项的点击次数？

(我确实找到了一些类似的问题,但都没有回答.所以我感谢每个人都知道比我们更多的答案.)

通用分析代码:

<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-XXXXXXX-1', 'auto');
ga('send', 'pageview');
</script>

选择元素代码:

<select>
    <option selected="selected">All</option>
    <option value="1">USA</option>
    <option value="2">Canada</option>
    <option value="3">UK</option>
    <option value="4">Australia</option>
</select>

我正在使用<picture>标签。我的目标群体使用现代浏览器，因此只要Firefox 支持 WebP，就无需使用该<img>标签。

现在：

<picture>
    <source srcset="image-200px.webp 1x, image-400px.webp 2x" type="image/webp">    
    <img src="image-200px.jpg" alt="Description">
</picture>

很快：

<picture>
    <source srcset="image-200px.webp 1x, image-400px.webp 2x">
</picture>

有没有办法在不使用标签时实现alt属性？<picture><img>