小编Lov*_*edi的帖子

将图像置于Bootstrap中心

我使用bootstrap 3.0来创建一个网站.我是bootstrap的新手.我想要的是,当浏览器尺寸特别小时我希望图像在div的中心我有这个代码.

<div class="col-lg-10 ccol-lg-offset-1 col-md-12 col-sm-12 ">
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
        <img src="images/2.png" class="img-responsive" />
        <p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
    </div>
    <div class="col-lg-2  col-md-2 col-sm-2 col-xs-12">
        <img src="images/2.png" class="img-responsive" />
        <p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
    </div>
    <div class="col-lg-2  col-md-2 col-sm-2 col-xs-12">
        <img src="images/2.png" class="img-responsive" />
        <p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
    </div>
    <div class="col-lg-2  col-md-2 col-sm-2 col-xs-12">
        <img src="images/2.png" class="img-responsive" />
        <p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
        <img src="images/2.png" class="img-responsive" />
        <p class="text-center"><a href="javascript:void(0);">Taj Group</a></p>
    </div>
    <div class="col-lg-2 …
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap twitter-bootstrap-3 bootstrap-4

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

如何使用javascript解码数据:image/png:base64 ...到真实图像

我使用HTML5从网络摄像头捕获了图像,但结果在base64中编码.如何在文件上传中解码并放置真实图像.这是我的代码

HTML

<div class="fileUpload">
    <input type="file" accept="image/*" class="CUupload" onClick="return false">
</div>
<div class="CUpopup" style="display:none">
    <div id="CUmain">
        <video id="video"></video>
        <div class="CUvideoside">
            <a id="button">Camera button</a>
            <!-- target for the canvas-->
            <div id="canvasHolder"></div>
            <!--preview image captured from canvas-->
            <img id="preview" src="" width="160" height="120">
            <label>base64 image:</label>
              <!--<input id="imageToForm" type="text">-->
            <div class="CUdone">
                <a href="javascript:void(0);">Done</a>
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

 body{
    font-family:Sans-Serif;
}
canvas{
    position:absolute; 
    left: -9999em;
}
#button{
    background-color: Red; 
    color: #fff; 
    padding: 3px 10px; 
    cursor:pointer; 
    display: inline-block; 
    border-radius: 5px;
}
#sidebar{
    float:right; 
    width: 45%; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery html5

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

如果使用user-select:none,则验证失败; 在CSS中

我有一个来自jquery插件的css文件.在文件中我找到了这个css,但验证器没有验证它.任何人都可以解释这种类型的CSS的用途,以及是否有任何替代品?

div.rateit
{
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}
Run Code Online (Sandbox Code Playgroud)

css

3
推荐指数
1
解决办法
1079
查看次数