小编Mat*_*ert的帖子

span 应该有子 img 的宽度和高度

我目前遇到一个问题,我首先认为这是微不足道的(可能是),但我不知道如何完成此任务。我有一个span,它只是图像的包装器,并且span实际上应该具有子元素的width和。height默认情况下,宽度很好,但高度与span图像的高度不匹配。如果我将其更改为block,高度就可以了,但宽度为 100%(这有点符合预期,因为它是一个block元素)。子图像的宽度和高度未知

编辑:

我实际上尝试过inline-block,但它没有按预期工作。我在下面的代码片段中为此添加了一个切换开关,请尝试一下。

$('#toggleInline').click(function() {
	$('#removed').removeAttr("style");
});

$('#toggleBlock').click(function() {
	$('#removed').removeAttr("style");
	$('#removed').css('display', "block");
});

$('#toggleInlineBlock').click(function() {
	$('#removed').removeAttr("style");
	$('#removed').css('display', "inline-block");
});
Run Code Online (Sandbox Code Playgroud)
img {
  /* just because the sample image is too large */
  width: 50%;
}

span.removed {
  border: 3px solid #f00;
  background: repeating-linear-gradient(
    45deg,
    #f00,
    #f00 10px,
    #fff 10px,
    #fff 20px
  );
}

span.removed img {
  opacity: 0.85;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span …
Run Code Online (Sandbox Code Playgroud)

html css

6
推荐指数
1
解决办法
2358
查看次数

在c#中混淆使用==运算符

==当我使用像这里的文字字符串时,我在使用in(c#)时感到困惑:

object a="hello";
object b="hello";
Run Code Online (Sandbox Code Playgroud)

比较a==b是真的.

但是当我使用像这样的对象:

object c=new StringBuilder("hello").ToString();
object d=new StringBuilder("hello").ToString();
Run Code Online (Sandbox Code Playgroud)

比较a==b将是错误的.

即使a,b,c,d编译时所有类型的System.Object和 ==运算符比较值都取决于它们在编译时的值.

我使用扩展方法在编译期间获取varabiles的类型:

public static class MiscExtensions
{
    public static Type GetCompileTimeType<T>(this T dummy)
    { return typeof(T); }
}
Run Code Online (Sandbox Code Playgroud)

.net c#

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

chrome移动浏览器上不是页面顶部但window.scrollY等于0

不是页面顶部,但在 Chrome 移动浏览器上 window.scrollY 等于 0。

在此输入图像描述

javascript android google-chrome

4
推荐指数
1
解决办法
1696
查看次数

具有视频高度的Div容器

我有这个样本:

Codepen

.container-video{
  background:red;
  max-width:500px;
}
video{
  width:100%;
}
Run Code Online (Sandbox Code Playgroud)
    <div class="container-video">
      <video autoplay muted loop playsinline poster="https://media.giphy.com/media/5CIRqPOk0141W/giphy.gif">
      <source src="https://multicdn.synq.fm/projects/bb/56/bb56f28429b942c08dc5128e4b7ba48c/derivatives/videos/71/43/71439ccd73c74ecc8bbab7abd3bb98bc/mp4_1080/71439ccd73c74ecc8bbab7abd3bb98bc_mp4_1080.mp4" type="video/mp4" />
      <source src="https://multicdn.synq.fm/projects/bb/56/bb56f28429b942c08dc5128e4b7ba48c/derivatives/videos/71/43/71439ccd73c74ecc8bbab7abd3bb98bc/webm_720/71439ccd73c74ecc8bbab7abd3bb98bc_webm_720.webm" type="video/webm" />
      </video>
    </div>  
Run Code Online (Sandbox Code Playgroud)

问题是在最高点"container-video".请看下面的图片,准确了解问题所在

在此输入图像描述

你能帮我解决这个问题吗?谢谢

html css

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

更改已选中单选按钮旁边的图像样式

当我检查相关按钮时,我正在尝试更改组中每个单选按钮旁边的图像的背景颜色.我使用了以下HTML和CSS:

.option-choice:checked img.img-thumbnail {
    background-color: #004990 !important;
    border-color: red;
}
Run Code Online (Sandbox Code Playgroud)
<div class="radio">
    <label>
        <input class="option-choice" name="option[227]" value="18" type="radio">
         <img src="imageurl.jpg" alt="20mm " class="img-thumbnail">20mm
    </label>
</div>
Run Code Online (Sandbox Code Playgroud)

然而CSS不起作用,图像保持不变.这可能是我的CSS不正确,还是不可能这样做?

html css

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

从通道消耗的多个例程导致数据丢失

我是Go的新手.在下面的示例中,多个go例程正在从无缓冲的通道中消耗.

代码:

var c = make(chan int)

func f() {
    for val := range c {    
        fmt.Printf("routine 1 : %v\n", val)
    }
}   

func g() {
    fmt.Printf("routine 2 : %v\n", <-c)
}

func main() {
    go f()
    go g()
    c <- 0
    c <- 1
    c <- 2
    c <- 3
    c <- 4
    c <- 5
    close(c) 
}
Run Code Online (Sandbox Code Playgroud)

输出是:

routine 1 : 0
routine 1 : 2
routine 2 : 1
routine 1 : 3
routine 1 : 4 …
Run Code Online (Sandbox Code Playgroud)

go goroutine

0
推荐指数
1
解决办法
922
查看次数

如何将复选框状态传递给 React 中的 onClick 函数

我目前对这个 - 正如我所想的 - 微不足道的任务有点迷失。我的 React 应用程序中有一些复选框,它们具有 onClick 函数。现在我需要将信息传递给函数,如果我只是选中或取消选中复选框。

<input type="checkbox"
       name={field}
       id={field}
       onClick={() => this.buildTemplate(objectA, objectB, checkboxState)}
/>
<label htmlFor={field}>
    {getLabel(`${this.props.modelType}.${fieldName}`)} 
</label>
Run Code Online (Sandbox Code Playgroud)

当函数被调用时,我需要根据复选框的状态做一些事情。

buildTemplate = (objectA, objectB, checked) => {
    checked ? yep() : nope();
};
Run Code Online (Sandbox Code Playgroud)

我试图像这样绑定复选框,它起作用了,但现在我不知道如何在这个函数中传递其他参数。

onClick={this.testFunc.bind(this)}

...

testFunc(event) {
    console.log(event.target.checked)
}
Run Code Online (Sandbox Code Playgroud)

我还发现了这个问题,其中接受的答案建议参考,但我可能有很多复选框,对我来说似乎有点矫枉过正,创建参考只是为了传递复选框的当前状态。我认为对此有一个愚蠢的解决方案,但似乎我无法弄清楚。

javascript reactjs

0
推荐指数
1
解决办法
8373
查看次数

标签 统计

css ×3

html ×3

javascript ×2

.net ×1

android ×1

c# ×1

go ×1

google-chrome ×1

goroutine ×1

reactjs ×1