小编bre*_*ine的帖子

为什么我的字体文字看起来如此大胆?

这是来自网页的Photoshop设计的图像:

Photoshop渲染

和具有相同大小,重量等的网页:

网页渲染

正如您所看到的,文本在Web渲染上渲染得更厚,直到它看起来几乎完全不同的字体.

以下是文本附带的@ font-face代码:

@font-face {
        font-family: "PT Sans";
        src: url('fonts/151428223-PTS55F.eot');
        src: url('fonts/151428223-PTS55F.eot?#iefix') format('embedded-opentype'),
        url('fonts/151428223-PTS55F.svg#PT Sans') format('svg'),
        url('fonts/151428223-PTS55F.woff') format('woff'),
        url('fonts/151428223-PTS55F.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)

...以及作为参考,Photoshop中文本的设置:

在此输入图像描述

css fonts typography webfonts font-face

15
推荐指数
4
解决办法
2万
查看次数

Git Flag语法:为什么有些标志有一个破折号而有些有-two?

我学习Git和一直无法 找到 任何 解释 标志 语法.

我不是指"裸双破折号"

--

正如我们所知,这表明以下内容不是一种选择.我指的是各种实际的旗帜,有时会有一个短划线,有时会有两个.

git log -2 -p -U1 --graph

有一个破折号和两个破折号的旗帜有什么区别?双破折号表示什么?

例如,以下两个标志是相同的(根据此):

-q
--quiet
Run Code Online (Sandbox Code Playgroud)

为什么不同的破折号?如果我输错了怎么办?

git syntax flags

15
推荐指数
1
解决办法
2010
查看次数

如何在没有合并提交或使用CLI的情况下保持GitHub的最新状态?

有助于回购的普通GitHub流程是创建上游的分支,在您进行更改的地方克隆本地副本,然后将其推回分支,然后创建PR以将您的更改合并到上游。

但是,如果此后上游发生了变化,那么如何在不创建合并提交的情况下(也无需使用git CLI)更新fork?

我已经知道如何以创建合并提交或依赖git命令行界面的方式执行此操作。该问题专门用于仅使用GitHub.com网站或GitHub桌面应用程序(无CLI)。

由于这是一个非常常见的工作流程,因此似乎应该有一些使用GitHub GUI进行操作的简单方法。

To reiterate: any answers that use the CLI or create a merge commit (e.g. this way) will not be answering this question since I'm explicitly looking for a non-CLI solution.

github github-for-windows github-desktop

15
推荐指数
3
解决办法
569
查看次数

如何让所有父母到达某个父母

我需要介于.closest()和之间的功能.parents().我将一些CSS应用于某个元素的所有父母,直到某个父母.现在我正在while循环,但似乎有更好的方法来做到这一点.

var goUp = $(".distant-child");
while(!goUp.hasClass("ancestor-to-stop-at")){
    goUp.css("height","100%");
    goUp = goUp.parent();
}
Run Code Online (Sandbox Code Playgroud)

我宁愿做其中一件事:

$(".distant-child").closest(".ancestor-to-stop-at").css("height","100%"); //won't work because .closest() only returns the top ancestor
$(".distant-child").parents(".ancestor-to-stop-at").css("height","100%"); //won't work because .parents() doesn't take this parameter and won't stop at the specified element.
Run Code Online (Sandbox Code Playgroud)

如何在没有while循环的情况下实现这一目标?

jquery traversal jquery-traversing

14
推荐指数
1
解决办法
9569
查看次数

固定宽度列和Bootstrap中的流体含量区域

我想使用Twitter Bootstrap混合固定和流体宽度的列,就像这样.

正如您所看到的,使用HTML和CSS非常容易.有没有办法只使用bootstrap?

css twitter-bootstrap

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

javascript表达式中的三个分号有什么作用?

我在这里和那里看过几个表达式的三分号.
它有任何合理的效果吗?

我看到的最接近解释的是,它告诉Dean Edwards压缩器忽略该行.

;;; var someVar = 'Rebel';
Run Code Online (Sandbox Code Playgroud)

javascript compression minify

8
推荐指数
4
解决办法
1751
查看次数

如何使用Chrome的新`console.log()`输出?

Chrome 24有一种新的输出对象的方式console.log().

例如,console.log($("p"));这个jsFiddle例子中输出这种疯狂:

?[<p>, <p>, <p>, prevObject: jQuery.fn.jQuery.init[1], context: #document, selector: "p"]
  ? 0: <p>
  ? 1: <p>
  ? 2: <p>
  ? context: #document
    length: 3
  ? prevObject: jQuery.fn.jQuery.init[1]
    selector: "p"
  ? __proto__: Object[0]
Run Code Online (Sandbox Code Playgroud)

我可以看到它将DOM元素的集合放在了开头.但是如果你试图扩展一个<p>大部分都是空的简单标签,它会抛到你身上:

? 0: <p>
   accessKey: ""
   align: ""
 ? attributes: NamedNodeMap
  ...
  [stopping here for sanity's sake]
Run Code Online (Sandbox Code Playgroud)

那么我该如何使用所有这些信息呢?我的第一直觉是把它驯服到以前的样子,但是第二个想法,那里确实有很多我可能想要访问的信息.但我很难理解我在看什么.其中大部分看起来像jQuery值.这是对象具有(或没有)的每个jQuery值的列表吗?

? context:就是事物和? __proto__:事物的整个问题.一旦你开始深入钻研,__proto__你永远不会停止.我觉得它无限下来!

我怎样才能开始学习如何使用这个新输出?

编辑:我实际上刚刚意识到我还在使用Chrome 23,这不是24中引入的东西.这个帖子中有人说这是Chrome 24的问题,但也许它是23的新版本?无论如何,我最近才开始在jQuery对象上注意到这一点.

编辑2:如果你只是想找到如何记录旧方法,试试这个:( …

console google-chrome developer-tools google-chrome-devtools

8
推荐指数
1
解决办法
2125
查看次数

如何在语义上将单个列表分成多个列?

我们的网站用于将单个列表分成多列的当前方法是使用多个uls:

<ul>
  <li>one</li>
  <li>two</li>
</ul>
<ul>
  <li>three</li>
  <li>four</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这对我来说似乎并不理想,因为从语义上讲,它不是两个列表,而是一个列表.我已经看到很多不适合多列列表的解决方案.我正在寻找一个解决方案:

  1. 使用以下标记结构

    <ul>
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
    </ul>
    
    Run Code Online (Sandbox Code Playgroud)
  2. 组织如下:

    one    three
    two    four
    
    Run Code Online (Sandbox Code Playgroud)

    不是这个:

    one    two
    three  four
    
    Run Code Online (Sandbox Code Playgroud)
  3. 如果列表长度更改,或者项目包含多行,则无需修改即可工作.

  4. 使用有效的语义HTML.
  5. 适用于IE8.

理想的解决方案仅限CSS,但我愿意使用jQuery UI或轻量级Javascript.

(PS,这是我的CSS尝试,有明显的问题.)

编辑:此问题特定于语义列表.另一个所谓的"重复"问题是关于<div>元素,这是一个不同的球赛,因为允许额外的标记.a <ul>和a之间不允许额外的标记<li>.这个问题主要集中在语义上,这意味着强调使用HTML来尽可能详细地指出内容的含义.

html css jquery jquery-ui html-lists

8
推荐指数
2
解决办法
2万
查看次数

使用CSS强制<tr>高度

我需要控制一个表行的高度 - 我已经尝试设置单元格的高度,但我正在撞砖墙.见演示.

tr.fixedRow,
tr.fixedRow td.fixedCell {
     height: 50px;
     overflow: hidden; }
Run Code Online (Sandbox Code Playgroud)

我知道我可以改变display一些东西,block但这样做通常会以糟糕的方式弄乱桌子 - 我正在使用一个相当复杂的桌子,与附近的其他桌子交互,需要排列像素完美,所以一般来说,改变display然后尝试使用CSS再次使它看起来像一个表对我来说不是一个好的解决方案,因为它不会匹配.我需要它来保持一张桌子.

我也想避免这样做:

<td><div>
   ... cell content...
</div></td>
Run Code Online (Sandbox Code Playgroud)

这似乎很糟糕.当然有一个CSS只能解决这么简单的问题吗?

css html-table

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

使用index从jQuery数组返回jQuery对象(而不是DOM)

我有一个<span>s 的jQuery数组,我想把它们中的一个作为jQuery对象,这样我就可以在其上添加其他方法.像$mySpans[2](返回一个字符串),或$mySpans.get(2)(直接返回DOM元素)的东西.

我知道这会奏效:

$($mySpans[2]).someJQueryMethod( ... );
Run Code Online (Sandbox Code Playgroud)

......但似乎有点多余.这样做的正确方法是什么?

javascript arrays indexing jquery

7
推荐指数
2
解决办法
1382
查看次数