小编San*_*ich的帖子

垃圾邮件发送者使用的奇怪字体是怎么回事?他们是怎么做到的呢?

下面的屏幕截图来自我的 Gmail 垃圾邮件文件夹。请注意,一些电子邮件来自和主题行看起来正常,而其中许多似乎使用某种衬线字体:

Gmail 垃圾邮件文件夹显示一些带有奇怪衬线字体的电子邮件

我是一名 Web 开发人员,经过摸索,没有导致这种情况发生的 CSS 字体声明。唯一的提示是“ZippyLoan”的检查面板。sender 显示使用的字体不仅是 Google 的典型 Roboto,还有“Cambria Math”(尽管没有相应的“Cambria Math”CSS 字体声明):

Chrome Dev Tools 检查面板

事实上,字体定义似乎以某种方式内置于文本中,因为它甚至在纯简 Windows 记事本中保持相同的外观:

普通的 Windows 记事本,显示两种字体。

实际上,在这里,我认为它可以在任何地方使用……您可以自己玩玩它:

.

$!

?? $50 /® ( )

威士忌探戈狐步舞。哦

css fonts

5
推荐指数
1
解决办法
909
查看次数

防止段落增加浮动父级的宽度

我经常发现自己使用代码块来生成内联文章图像,如下所示:

...article text.
<div class="article-image right" style="width: 250px;">
    <img src="..." width="250" alt="" />
    <p class="caption">Potentially long image caption</p>
</div>
More article text...
Run Code Online (Sandbox Code Playgroud)

或者,更简洁的HTML5版本:

...article text.
<figure class="right" style="width: 250px;">
    <img src="..." width="250" alt="" />
    <figcaption>Potentially long image caption</figcaption>
</figure>
More article text...
Run Code Online (Sandbox Code Playgroud)

由于我使用的是动态处理图像的CMS,我一直在动态地定义图像的大小(在这种情况下为250px),并且我也一直将该大小限制应用于包含其img和字幕.这样,标题永远不会增加父元素的大小超出img标记的定义宽度.

我的问题是,如果有一些CSS技巧我可以应用于其中一个元素,它将完成同样的事情,而无需手动定义宽度?一些方法可以防止字幕在宽度上扩展其父元素,但允许它们影响高度?当然,父元素的宽度仍然需要适应img宽度......

html css html5 caption figure

2
推荐指数
1
解决办法
1456
查看次数

允许 AWS IAM 组访问更改 S3 对象的元数据的具体权限是什么?

我想通过管理控制台授予 AWS IAM 组上传、查看、修改和删除单个存储桶中对象的权限。我已经解决了大部分问题,但是我收到报告说该组中的用户无法修改对象元数据- 他们收到“对不起!您被拒绝访问这样做!” 对话。

这是我的政策:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "Stmt1403204838000",
            "Effect": "Allow",
            "Action": [
                "s3:ListBucket"
            ],
            "Resource": [
                "arn:aws:s3:::example-bucket"
            ]
        },
        {
            "Sid": "Stmt1403205082000",
            "Effect": "Allow",
            "Action": [
                "s3:GetBucketLocation",
                "s3:ListAllMyBuckets"
            ],
            "Resource": [
                "arn:aws:s3:::*"
            ]
        },
        {
            "Sid": "Stmt1403205119000",
            "Effect": "Allow",
            "Action": [
                "s3:DeleteObject",
                "s3:GetObject",
                "s3:PutObject"
            ],
            "Resource": [
                "arn:aws:s3:::example-bucket/*"
            ]
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

有谁知道我需要分配哪些 S3 操作以允许组访问修改对象属性(特别是元数据)?

permissions amazon-s3 amazon-web-services user-permissions

2
推荐指数
1
解决办法
4171
查看次数

侧边栏应该在&lt;main&gt;内部吗?

我不确定该<main>元素与网站侧边栏的关系,希望能提供一些指导,或者至少是社区多数共识。;)给定以下页面元素:

<body>
    <header>Logo and stuff</header>
    <nav>Main Nav</nav>
    ...
    <footer>Copyright blah</footer>
</body>
Run Code Online (Sandbox Code Playgroud)

<main>如果替换元素,应如何安排元素和侧栏元素...

选项1:

<main>
    <article>...</article>
    <div class='sidebar'>Sidebar</div>
</main>
Run Code Online (Sandbox Code Playgroud)

选项2:

<main>
    <article>...</article>
</main>
<div class='sidebar'>Sidebar</div>
Run Code Online (Sandbox Code Playgroud)

选项3:

  #####
 #     #
       #
    ###
    #

    #
Run Code Online (Sandbox Code Playgroud)

html5

2
推荐指数
1
解决办法
717
查看次数