小编Moh*_*man的帖子

带CSS的方括号

我希望用CSS 创建一个[和]括号.有没有办法指定顶部和底部边框(不切片图像)所以它看起来像一个括号？

.bracket {
  border-top:20px;
  border-bottom:20px;
  border-right:none;
  border-left: 1px solid black; 
}

Run Code Online (Sandbox Code Playgroud)

html css css-shapes

Ama*_*Sky

2017 01-23

9
推荐指数

2
解决办法

1万
查看次数

CSS:父母的最后一个孩子

:last-child当所有"孩子"元素都相同时(即:全部<p>或全部),效果很好<li>的并且规则适用于该类型的孩子),.

但是,我如何使用CSS来选择包含不同元素的父级中的最后一个"子"元素？

例如,在这个例子中,我如何应用规则.parent来选择其中的最后一个对象(the div)？

.parent:last-child {
  background-color: red;
 }

Run Code Online (Sandbox Code Playgroud)

<div class="parent">
  
  <p>First child</p>
  <input type="text" placeholder="Second child" />
  <div>Third child</div>
  
</div>

Run Code Online (Sandbox Code Playgroud)

html css css-selectors

JRO*_*ROB

2017 01-24

9
推荐指数

1
解决办法

9332
查看次数

如何将相同的元素添加到javascript数组n次

var fruits = [];
fruits.push("lemon", "lemon", "lemon", "lemon");

Run Code Online (Sandbox Code Playgroud)

而不是推动相同的元素,如何像这样写一次:

fruits.push("lemon" * 4 times)

Run Code Online (Sandbox Code Playgroud)

javascript arrays

Dek*_*eke

2019 08-11

9
推荐指数

1
解决办法

1604
查看次数

按年和月排序数组

我有如下数组,

let  yearAndMonth  =  [
    { "year": 2013, "month": "FEBRUARY" },
    { "year": 2015, "month": "MARCH" },
    { "year": 2013, "month": "JANUARY" },
    { "year": 2015, "month": "FEBRUARY" }
]

Run Code Online (Sandbox Code Playgroud)

我希望按年份排序数组,然后在该年的那个月之后对数组进行排序,

我想要像这样的输出,

yearAndMonth  =  [
    { "year": 2013, "month": "JANUARY " },
    { "year": 2013, "month": "FEBRUARY" },
    { "year": 2015, "month": "FEBRUARY" },
    { "year": 2015, "month": "MARCH" }
]

Run Code Online (Sandbox Code Playgroud)

怎么做到这一点？

javascript arrays sorting lodash angular

Ani*_*had

2018 08-18

8
推荐指数

2
解决办法

1769
查看次数

Javascript复制字符串的简写方法

我在函数中有这个代码,并希望缩短它 - 它将相同的样式应用于数组中的每个项目.

document.getElementById(divsArray[0]).style.visibility = 'hidden';
document.getElementById(divsArray[1]).style.visibility = 'hidden';
document.getElementById(divsArray[2]).style.visibility = 'hidden';
document.getElementById(divsArray[3]).style.visibility = 'hidden';

Run Code Online (Sandbox Code Playgroud)

没有回答日期工作(因为我循环通过代码??)

通过仅将先前显示的幻灯片可见性设置为隐藏来解决此问题

x = i;
i = i+1;

document.getElementById(divsArray[x]).style.visibility = 'hidden';

Run Code Online (Sandbox Code Playgroud)

javascript arrays shorthand

Rhy*_*hys

2017 11-15

7
推荐指数

2
解决办法

716
查看次数

html5画布未显示完整图像

我的图片大小为940*300,但html5画布仅显示chrome中的部分图片.你能帮忙解决这个问题吗？

下面是代码

<!DOCTYPE html>
<html>
    <head>
        <style></style>
    </head>
    <body onload="draw();">
        <p>Drag me</p>
        <canvas id="paint_area"></canvas>

        <script>
            function draw() {
                var ctx = document.getElementById('paint_area').getContext('2d');

                //ctx.fillStyle = '#cc3300';

                var img_buffer = document.createElement('img');
                img_buffer.src = 'http://www.jobcons.in/homebanner.jpg';
                var imgWidth = img_buffer.width;
                var imgHeight = img_buffer.height;
                ctx.width = imgWidth;
                ctx.height = imgHeight;
                ctx.drawImage(img_buffer,0,0,imgWidth,imgHeight);
            }
        </script>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

html5 canvas html5-canvas

dha*_*ani

2017 10-03

7
推荐指数

2
解决办法

5410
查看次数

使div边框透明html的一部分

我可以将div边界的一部分(从x1到x2)透明吗？

如果没有,您可以建议什么方法？

我的想法[非常糟糕]是在canvas元素中绘制边框并将其放置在div元素上(canvas body is trasparent).

在此输入图像描述

html css border transparent

Ant*_*tov

2019 01-09

7
推荐指数

2
解决办法

2234
查看次数

如何在html中为框创建内边框？

如何在html中为框创建内部边框？

看这张图:

html css border css-shapes

Dig*_*Man

2017 01-11

7
推荐指数

3
解决办法

7万
查看次数

布尔玛:更改列的堆栈顺序

如何在移动设备或平板电脑上更改列的堆栈顺序？

例如,它在宽屏幕上是水平的,但是当它缩小时我想要2在顶部.我不想改变html结构来做到这一点.

工作实例如下:

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.1/css/bulma.css" rel="stylesheet"/>
<div class="columns">
  <div class="column box">
    1
  </div>
  <div class="column box">
    2
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)

css css3 bulma

shi*_*igg

2017 01-26

7
推荐指数

1
解决办法

6276
查看次数