javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

css - 如何在twitter的bootstrap 2.1.0中使用新的词缀插件?

关于该主题的bootstrap文档对我来说有点混乱。 我希望实现类似于使用词缀导航栏的文档中的行为:导航栏位于段落/页面标题下方,向下滚动时,应首先滚动直到到达页面顶部,然后将其固定以进一步滚动向下。

由于jsFiddle不适用于导航栏概念,我已经设置了一个单独的页面作为最小例子使用:[http://i08fs1.ira.uka.de/~s_drr/navbar.html]

我用它作为我的导航栏:

<div class="navbar affix-top" data-spy="affix" data-offset-top="50">
    <div class="navbar-inner">
        <div class="container">
            <div class="span12">
                <a class="brand" href="#">My Brand</a> 
                This is my navbar.
             </div>
        </div> <!-- container -->
    </div> <!-- navbar-inner -->
</div> <!-- navbar -->

我想我希望data-offset-top的值为0(因为栏应该&#34;坚持&#34;到最顶层&#34;但是50,至少有一些效果可观察。

如果还放置了javascript代码:

     <script>
        $(document).ready (function (){
            $(".navbar").affix ();
        });
     </script>

任何帮助赞赏。

trans by 2019-07-08T11:02:54Z

HTML - 有没有CSS不等于选择器?

在CSS中有类似的东西!=(不相等)?例如,我有以下代码:

input {
 ... 
 ...
}

但是对于一些输入我需要取消这个。 我想通过添加课程&#34; reset&#34;来做到这一点。 输入标签,例如

<input class="reset" ... />

然后只需从CSS跳过此标记。

我怎么能这样做?

我能看到的唯一方法是在输入标记中添加一些类,并按如下方式重写CSS:

input.mod {
 ...
 ...
}
trans by 2019-07-05T20:01:35Z

css - 是否可以选择带有nth-child的最后n个项目?

使用标准列表,我试图选择最后2个列表项。 我有:nth-last-child()的各种排列,但似乎没有选择最后2:

li:nth-child(n+2) {} /* selects from the second onwards */
li:nth-child(n-2) {} /* selects everything */
li:nth-child(-n+2) {} /* selects first two only */
li:nth-child(-n-2) {} /* selects nothing */

我知道一些新的CSS3选择器,如:nth-last-child(),但我更喜欢在可能的情况下在更多浏览器中工作的东西(尤其不关心IE)。

trans by 2019-07-05T12:13:53Z

css - Firefox和Op中的Webfont平滑和抗锯齿

我在我的网站上嵌入了一些自定义的webfonts,我使用的东西就像

//-webkit-text-stroke-width: .05px;
//-webkit-text-stroke-color: white;
-webkit-font-smoothing: antialiased;

设置渲染输出的样式。 这在Safari和Chrome中运行良好。 我得到更清晰的边缘和更细的线条。

在Firefox中有没有办法做这样的事情? 还是歌剧?

trans by 2019-07-03T16:11:35Z

css - Internet Explorer 9中的渐变

有没有人知道IE9中渐变的供应商前缀,或者我们仍然应该使用他们的专有过滤器?

我为其他浏览器获得的是:

background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */

作为奖励,有谁知道Opera的供应商前缀?

trans by 2019-06-30T19:48:01Z

css3 - 使用display的优点:inline-block vs float:在C中左边

通常,当我们想要连续多个display:inline-block时我们会使用align,但现在我发现了DIVs的伎俩

示例链接在这里。在我看来,display:inline-block是一个更好的方式连续align DIVs,但有任何缺点吗? 为什么这种方法不如float技巧那么受欢迎?

trans by 2019-06-29T23:35:51Z

css - 在一个bootstrap响应页面中如何居中di

position a div at centre of a responsive page

我需要使用bootstrap创建一个响应式页面,在页面中心放置一个div,就像下面提到的布局一样。

trans by 2019-06-29T19:41:08Z

html - 删除IE上的选择箭头

我有选择元素,我想删除箭头,然后我可以添加其他图标..我可以为Firefox Safari和Chrome做到这一点,但这并不适用于IE9。

.styled-select select 
{
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
    background: url('select_icon.png')  no-repeat;
     background-position: 179px 7px;
     text-indent: 0.01px;
     text-overflow: "";
     color: #FCAF17;
     width:200px;
 }

在IE9上看到小提琴。我需要的是删除ie9中的箭头请JSFIDDLE回答。

trans by 2019-06-29T04:58:07Z

css - :after vs. ::

CSS 2.1 :after与CSS 3 ::after伪选择器(旧版浏览器不支持::after除外)之间是否存在功能差异? 是否有任何实际理由使用新规范?

trans by 2019-06-28T19:31:25Z

css - 悬停在父级上时的样式子元素

如何在父元素上悬停时更改子元素的样式。 如果可能的话,我更喜欢CSS解决方案。 有没有任何可能的解决方案:悬停CSS选择器。 实际上,当面板上有悬停时,我需要更改面板内选项栏的颜色。

希望支持所有主流浏览器。

trans by 2019-06-26T03:12:46Z

jestjs - 如何按顺序运行Jest测试?

我正在通过npm test运行Jest测试。默认情况下,Jest并行运行测试。 有没有办法让测试依次运行?

我有一些测试调用依赖于更改当前工作目录的第三方代码。

trans by 2019-06-24T17:58:17Z

css3 - CSS:怎么说.class:last-of-type [classes,not elements!]

可能重复:
如何在CSS中选择具有特定类名的“最后一个孩子”?

正如标题所说,我想将css规则解决为具有某个类的某个类型的最后一个元素。 以下代码完美运行:

div:last-of-type { margin-right:0; }

但我想要类似的东西

div.class:last-of-type { margin-right:0; }

这该怎么做 ?

trans by 2019-06-23T15:43:34Z

HTML - 如何从twitter-bootstrap中心.btn-group?

我正在使用twitter-bootstrap,我发现很难将div集中在float: left(链接)。通常,我用

margin: 0 auto; 

要么

text-align: center;

在div中居中的东西,但是当内部元素具有属性float: left(在这种情况下用于视觉效果)时它不起作用。

[http://jsfiddle.net/EVmwe/1]

trans by 2019-06-23T11:19:48Z

css - 当高度未知时,使用flexbox垂直居中时出现问题

我的布局有一个容器<div class="flex-container"> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. </div> </div>和一个孩子。

HTML:

<div class="flex-container">
  <div>text</div>
</div>

容器和孩子的身高不明。 目标是:

  • 如果孩子的高度低于容器,则它看起来水平和垂直居中。
  • 如果孩子的高度高于容器,它会调整到顶部和底部,我们可以滚动。

方案:enter image description here

使用flexbox对元素进行居中的最快方法如下:

<div class="flex-container">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. </div>
</div>
<div class="flex-container">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. </div>
</div>

Codepen:[http://www.codepen.io/ces/pen/slicw]

但是,如果容器的孩子的身高更高,则孩子没有正确显示。 孩子出现割伤(只有顶部)。

<div class="flex-container">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. </div>
</div>
<div class="flex-container">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi delectus error explicabo reprehenderit. </div>
</div>

Codepen:[http://www.codepen.io/ces/pen/sGtfK]

方案:

enter image description here

有没有办法解决这个问题?

trans by 2019-06-23T10:55:50Z

html - 使flex项目占用内容宽度,而不是父级包含的宽度

我有一个容器<div class="container"> <a href="#">Test</a> </div>display: flex.它有一个孩子<a>

如何让孩子显得“内联”?

具体来说,如何让孩子的宽度由其内容决定,而不是扩展到父母的宽度?

我尝试了什么:

我把孩子设置为<div class="container"> <a href="#">Test</a> </div>,但它仍然占据了整个宽度。 我也尝试了所有其他显示属性,但没有任何效果。

例:

<div class="container">
  <a href="#">Test</a>
</div>
<div class="container">
  <a href="#">Test</a>
</div>

[http://codepen.io/donpinkus/pen/YGRxRY]

trans by 2019-06-22T17:02:46Z

如何在Eclipse中打开第二个编辑器视图?

我有一个很好的高分辨率宽屏显示器,我希望能够在Eclipse中并排编辑文件(例如,我可以在另一个文件中引用一个文件)。 我在常用菜单中环顾四周,但还没弄明白如何做到这一点。

有谁知道是否有可能,如果是的话,怎么做?

trans by 2019-06-22T09:33:58Z

HTML - 奇怪的渐变bord

在以linear-gradient作为背景的元素上应用透明边框时,我得到一个奇怪的效果。

enter image description here

请注意,元素的左侧和右侧没有正确的颜色(它们在某种程度上是切换的)并且非常平坦。

HTML

<div class="colors">
</div>

CSS

.colors {
    width: 100px;
    border: 10px solid rgba(0,0,0,0.2);
    height: 50px;
    background: linear-gradient(to right, 
        #78C5D6,
        #459BA8,
        #79C267,
        #C5D647,
        #F5D63D,
        #F08B33,
        #E868A2,
        #BE61A5);
}

为什么这会对元素的左侧和右侧产生奇怪的影响,我该怎么办呢?

这是小提琴:[http://jsfiddle.net/fzndodgx/3/]

trans by 2019-06-22T04:22:43Z

调试 - 测试顶层函数中定义的内部函数并与之交互的最佳方法是什么?

当我使用Javascript编程时,我发现能够使用调试器在任何时候停止程序执行并且能够运行命令并从那里检查变量非常方便。

现在,回到Haskell,有没有办法在交互式GHCI REPL中运行任意函数,还是仅限于在顶层声明的内容?

工作和调试内部函数和值的“标准”方法是什么?

trans by 2019-06-22T04:15:08Z

c# - 如何在HttpRequestMessag上模拟CreateResponse <T>扩展方法

我正在使用ASP.Net MVC 4 RC的ApiController,我正在尝试对Get方法进行单元测试。

此方法使用HttpRequestMessage上的CreateResponse方法,但我不知道如何模拟它或使其正常运行。

该方法的主体包含:

MediaTypeHeaderValue header = new MediaTypeHeaderValue(versionedSmartBlock.ContentType);
var response = Request.CreateResponse<SmartBlock>(HttpStatusCode.OK, versionedSmartBlock, header);

在我的单元测试中,我创建了一个空的HttpRequestMessage:

CallsController api = new CallsController(managerMock.Object, config, adapterFactoryMock.Object);
api.Request = new HttpRequestMessage(HttpMethod.Get, "http://localhost/Initiate?ern=%2B44123456789");    
var response = api.Get("+44123456789", null);

但它只是生成一个InvalidOperationException:

请求没有关联的配置对象,或者提供的配置为null。

有没有人有关于如何配置HttpRequestMessage以便CreateResponse方法实际完成其工作的任何指针?

trans by 2019-06-21T21:20:29Z