小编Dan*_*eld的帖子

我们可以<tbody>同时拥有多个标签<table>吗？如果是,那么在什么情况下我们应该使用多个<tbody>标签？

我已经使用了多种语言的try-catch/except-finally变种多年,今天有人问我最后的意思是什么,我无法回答.

基本上为什么你会在最后一个语句中放入一个语句,而不是仅仅将它放在整个try-catch块之后？或者换句话说,以下代码块之间存在差异:

try{ //a}
catch {//b}
finally {//c}


try{//a}
catch{//b}
//c

编辑:人
,我知道最后做了什么,我已经使用了很长时间,但我的问题是在上面的例子中放入//c最后似乎多余,不是吗？

如何在框内调整图像大小和重新定位,使其覆盖整个框,类似于background-size: cover工作方式.

<div class="box" style="width: 100px; height: 100px;">
  <img src="pic.jpg" width="413" height="325">
</div>

我知道我必须添加overflow:hidden到盒子和图像需要position: absolute.但是什么样的公式让我得到了适合图像的新尺寸,并留下了+顶部位置？

我想使用指定我的字体大小vw,如

font-size: 3vw;

但是,我还想将字体大小限制为36px.如何才能实现max-font-size不存在的等价物- 是使用媒体查询的唯一选择？

我正在试验<textarea>s 上的一些样式,我尝试用::before和::after选择器做一些东西,我无法做任何事情让它们起作用.所以问题是:这可能吗？我知道CSS周围的形式是神秘的超出提,但似乎这应该工作.

我想为游标使用自定义图像.

这很好,但从我所看到的 - 默认情况下,原点(箭头尖端)位于我图像的左上角.

如何将原点设置为图像的中心.

这是一个演示问题的小提琴

div {
  width: 600px;
  height: 100px;
  background: pink;
  cursor: url(http://placehold.it/50x30), auto
}

请注意,当我尝试选择文本时 - 它会从图像的左上角进行选择.

根据MDN,a button是内联元素.

然而,按钮元素有默认样式与display: inline-block(见这个问题)

button, textarea,
input, select   { display: inline-block }

到现在为止还挺好.

然而:

如果我现在设置按钮display:inline- 宽度仍适用!!

DEMO

button,
div {
  width: 200px;
  border: 1px solid red;
  display: inline;
}

<button>button</button>
<div>div</div>

现在,根据规范:width不适用于内联元素(未替换)

适用于:所有元素,但未替换的内联元素,表行和行组

既然如此:

为什么宽度仍然适用于内联button元素？

是否可以用css制作虚线文字？

我知道显而易见的事情是使用虚线字体,但如果我只需要谨慎使用虚线文本,那么让用户下载整个字体可能会过度使用它.

我的想法是用一个伪元素覆盖文本,背景图案为带有白色背景的小透明圆圈.

有点像这样:

<div class="dottedText">Some dotted text</div>

小提琴

CSS

.dottedText:after
{
    content: '';
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, transparent 50%, transparent 50%),
    radial-gradient(circle, transparent 20%, white 50%) 30px 30px;
    background-size:4px 4px;
}

我想我可能会很接近,但如果你改变字体大小,上面的解决方案将无法正常工作.

我正在寻找一个解决方案

1)随着字体大小的增加,点的大小会增加

2)最好每个字母只显示一行点 - 而不是现在的双线.

编辑:当我说一行点 - 我的意思是每个笔画应该只由一个点组成.例如:在上面的图片中注意'm'字符有2列点....好吧,我宁愿只有一列.

理想情况下是这样的(取自这里):

(我不确定,但可能需要调整径向渐变来做到这一点)

编辑:

1)我不介意使用哪种字体 - 只要它是内置字体.(即使是等宽字体也可以)

2)解决方案不需要在每个浏览器中工作.(所以只有webkit才能解决方案)

可以说我有一个简单的列表如下:

<ol>
    <li class="count">one</li>
    <li class="count">two</li>
    <li class="count">three</li>
    <li class="count">four</li>
    <li>blabla</li>
    <li class="count">five</li>
    <li class="count">six</li>
    <li>blabla</li>
    <li class="count">seven</li>
</ol>

现在我只想用类'count'对列表项进行编号

所以如果我添加CSS:

li {
    list-style-type: decimal;
}

然后删除没有类的列表项的list-style-type:

li:not(.count) {
    list-style-type: none;
}

我明白了:

小提琴

li {
  list-style-type: decimal;
}
li:not(.count) {
  list-style-type: none;
}

<ol>
  <li class="count">one</li>
  <li class="count">two</li>
  <li class="count">three</li>
  <li class="count">four</li>
  <li>blabla</li>
  <li class="count">five</li>
  <li class="count">six</li>
  <li>blabla</li>
  <li class="count">seven</li>
</ol>

这里显而易见的问题是没有类的列表项也在这里"计算",只是没有显示.

因此,在上面的示例中,列表应编号为7 - 编号跳过没有类的列表项.这可以用CSS完成吗？

我有一个有2个孩子的容器.

一个孩子有动态宽度,最大宽度可以填充容器

另一个孩子有固定的宽度,并开始隐藏,因为它的起始点是overflow:hidden容器的右侧

我想要的是固定宽度的孩子向左移动,以便它完全适合容器的右侧

a)如果两个孩子都装入容器 - 另一个元素应该放在左边和

b)如果两个元素都没有空间 - 固定宽度元素应尽可能多地将另一个元素推向左侧,以便装入容器的右侧.

这是我尝试过的:

尝试#1

.container {
  width: 200px;
  height: 50px;
  border: 1px solid green;
  overflow: hidden;
  white-space: noWrap;
}
span {
  height: 50px;
  display: inline-block;
}
.child1 {
  background: aqua;
  float: right;
  width: 50px;
  margin-right: -50px;
  transition: margin .2s;
}
.container:hover .child1 {
  margin-right: 0;
}
.child2 {
  background: tomato;
  //width: 100%;  

}

<div class="container">
  <span class="child1">Fixed</span>
  <span class="child2">Dynamic Width</span>
</div>

<div class="container">
  <span class="child1">Fixed</span>
  <span class="child2">Here is a Dynamic …