小编tuc*_*uco的帖子

如何使用jQuery禁用标签？我试过了:

$('#some-id').prop('disabled', true);

但它并没有变灰.

我的HTML是: <label for="some-id">Label Here</label><input id="some-id"/>

我一直在搞乱CSS,试图了解浮动等等.这是问题的样子:

正如你所看到的,黄色的盒子漂浮在灰色的后面并经过它.如何让它在方框二之前停止？这是我的代码:

<style>
/*resests begin*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0; …

我正在使用Bootstrap来构建菜单.当页面调整为小屏幕的大小时,我得到我的汉堡图标,它显示菜单中的所有项目.有没有办法隐藏该菜单中的一个项目？我不希望我的购物车出现在汉堡包下面.我自己可以写一些jQuery代码来做到这一点,但我想知道Bootstrap是否已经有办法做到这一点？

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navMain" aria-expanded="false" aria-controls="navMain"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            <button type="button" class="navbar-toggle btn-lg"> <span class="sr-only">Shopping Cart</span> <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> </button>
            <a class="navbar-brand" href="#">Title</a> </div>
        <!-- end navbar-header -->

        <div id="navMain" class="navbar-collapse collapse">
            <div class="navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Cart </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">A</a></li>
                            <li><a href="#">B</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"> …

我正在尝试使用内联块创建"浮动"列(因为我厌倦了使用clearfix向左浮动).在我读到的任何地方,使用内联块去除空白区域的方法是使用word-spacing : -4px-4px的负边距.但是,对我来说-4px并没有解决问题.这是为什么？

在100%浏览器缩放时查看Chrome中可见的微小空白区域:

以110%缩放查看随机空格

我的HTML是:

<div class="row">
        <div class="col1">col 1</div>
        <div class="col1">col 1</div>
        <div class="col1">col 1</div>
        <div class="col1">col 1</div>
        <div class="col1">col 1</div>
        <div class="col1">col 1</div>
    </div>

CSS:

.content-wrap {word-spacing : -4px;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col17, .col18 {
    display: inline-block;
    vertical-align: top;
    background-color:#eee;
    padding:0;
    margin:0;
}

.col9 {width: 50%;}

编辑:潜在的解决方案:-5px修复,但我不确定会引入哪些新问题.

我正在使用fileSaver.js和Blob.js来保存这样的文件:

var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
saveAs(blob, "hello world.txt");

有没有我可以用来指定我自己的目录的技巧？