小编Ada*_*myd的帖子

即使在包裹后,也可以弯曲相同宽度的物品

有可能像这样制作一个纯CSS解决方案:

  1. 物品有一些min-width.
  2. 它们应该动态增长以填充所有容器宽度,然后换行到新行
  3. 列表中的所有项目应具有相同的宽度.

这就是它现在的样子:

在此输入图像描述

这就是我希望它看起来像(我已经手动管理那些底部项目的宽度只是为了显示预期的结果):

在此输入图像描述

.container {
  display: flex;
  flex-wrap: wrap;
}

.item {
  background: yellow;
  min-width: 100px;
  height: 20px;
  text-align: center;
  border: 1px solid red;
  flex-grow: 1;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
  <div class="item">9</div>
  <div class="item">10</div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是一个小提琴演示.

html css css3 flexbox css-grid

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

PyXML安装 - 此平台上不存在memmove

我试图用pip安装pyxml库,但我在安装过程中遇到以下错误:

extensions/expat/lib/xmlparse.c:75:2: error: #error memmove does not exist on this platform, nor is a substitute available
Run Code Online (Sandbox Code Playgroud)

我试图重新安装gcc compilator.

目前的版本是:gcc(Ubuntu/Linaro 4.7.3-1ubuntu1)4.7.3

操作系统:Kubuntu 13.04.

我能以某种方式重新安装memmove库吗?据我所知,它是用string.h lib提供的.

python gcc

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

Inherit from Error 中断了 TypeScript 中的 `instanceof` 检查

有人可以解释我为什么error instanceof CustomError下面的代码部分是false

class CustomError extends Error {}

const error = new CustomError();

console.log(error instanceof Error); // true
console.log(error instanceof CustomError); // false ???

class ParentClass {}
class ChildClass extends ParentClass { }

const child = new ChildClass();

console.log(child instanceof ParentClass); // true
console.log(child instanceof ChildClass); // true
Run Code Online (Sandbox Code Playgroud)

Error 对象有什么特别之处吗?我想制作我自己可以检查的错误类型。

顺便说一句,我已经在最新的TypeScript Playground上检查了上面的代码

inheritance types instanceof typescript

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

使用 AudioContext.createMediaStreamSource 与 HTMLAudioElement.srcObject 播放 MediaStream

我正在尝试使用 Web Audio API 从远程对等点 (WebRTC) 播放 MediaStream。当我使用它将流附加到audio元素audio.srcObject = stream时,它播放正常,但是当我尝试使用 AudioContext 时,它根本不播放任何声音(我需要避免audio/videoHTML 标签)。

这件作品的作品:

<audio controls>
<script>
   const audioEl = document.getElementsByTagName('audio')[0];
   audioEl.srcObject = MY_STREAM;
   audioEl.play();
</script>
Run Code Online (Sandbox Code Playgroud)

这一个不:

const audioContext = new AudioContext();
const sourceNode = audioContext.createMediaStreamSource(MY_STREAM);
sourceNode.connect(audioContext.destination);
// Trying even 'audioContext.resume()' after user gesture with no luck
Run Code Online (Sandbox Code Playgroud)

奇怪的是,当我的麦克风MY_STREAM出现时,它就可以很好地支持 Web Audio API(我听到我的麦克风的反馈)。

因此,这表明麦克风 MediaStream 和我从 WebRTC 连接获得的 MediaStream 之间存在一些不同,但为什么它会播放简单的 HTMLaudio标签?

html javascript webrtc web-audio-api

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

如何根据设备规格计算视口宽度

我试图了解如何计算移动设备的视口宽度。我已经在真实设备上尝试过,它的工作原理相同,但我将使用模拟器粘贴屏幕截图。

问题是:当设备宽度为1080px、密度为420dpi时,为什么视口宽度为432px?我不明白视口元标记应该将视口宽度设置为设备实际宽度,对吗?那么它应该是 1080px 是吗?

这可能是微不足道的,但我不明白 432px 到底是从哪里来的。

截屏: 在此输入图像描述

css mobile viewport responsive-design

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

从 iPhone 上的 SFSafariViewController 检查内容

我们有一个 Ionic 应用程序,并尝试使用“嵌入式 Safari”版本来显示 Web 内容 - SFSafariViewController

我们使用cordova-plugin-browsertab插件。

问题是 -如何从嵌入式 Safari 内部调试/检查任何内容?在 Safari 中,正常检查仅检查“根”应用程序内容,但我在任何地方都看不到对使用嵌入式 safari 打开的文档的任何引用。

safari web-inspector cordova sfsafariviewcontroller

5
推荐指数
0
解决办法
636
查看次数

Symfony2 DomCrawler从DOMElement中删除节点

我有这个HTML:

<div class="body">
   <p>Some text 1</p>
   <h2>Header 2</h2>
   <p>Actual content</p>
</div>
Run Code Online (Sandbox Code Playgroud)

我希望从中得到一切,除非<h2>它看起来像这样:

<p>Some text 1</p>
<p>Actual content</p>
Run Code Online (Sandbox Code Playgroud)

试图实现这一目标:

$crawler = new Crawler( $html );

$body = $crawler->filter( 'div.body' );
$body->rewind();
$body = $body->current();

$h2 = $crawler->filter('h2');
$h2->rewind();
$h2 = $h2->current();

$body->removeChild($h2);
Run Code Online (Sandbox Code Playgroud)

但我得到:

[DOMException]未找到错误

我错过了什么?

php dom symfony

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

使用 ProcessBuilder 启动超过 15 个外部进程时,Akka 流会挂起

我正在构建一个具有以下流程的应用程序:

\n
    \n
  1. 有要处理的项目来源
  2. \n
  3. 每个项目都应该由外部命令处理(它会ffmpeg在最后,但对于这个简单的可重现用例,它只是cat让数据通过它传递)
  4. \n
  5. 最后,此类外部命令的输出保存在某处(同样,在本示例中,它只是将其保存到本地文本文件中)
  6. \n
\n

所以我正在执行以下操作:

\n
    \n
  1. 准备一个包含项目的源
  2. \n
  3. 制作一个 Akka 图,使用 Broadcast 将源项目扇出到单独的流中
  4. \n
  5. 各个流程ProcessBuilder结合使用Flow.fromSinkAndSource来构建此外部流程执行的流程
  6. \n
  7. 使用将数据保存到文件的接收器结束各个流。
  8. \n
\n

完整代码示例:

\n
import akka.actor.ActorSystem\nimport akka.stream.scaladsl.GraphDSL.Implicits._\nimport akka.stream.scaladsl._\nimport akka.stream.ClosedShape\nimport akka.util.ByteString\n\nimport java.io.{BufferedInputStream, BufferedOutputStream}\nimport java.nio.file.Paths\nimport scala.concurrent.duration.Duration\nimport scala.concurrent.{Await, ExecutionContext, Future}\n\nobject MyApp extends App {\n\n  // When this is changed to something above 15, the graph just stops\n  val PROCESSES_COUNT = Integer.parseInt(args(0))\n\n  println(s"Running with ${PROCESSES_COUNT} processes...")\n\n  implicit val system                          = ActorSystem("MyApp")\n  implicit …
Run Code Online (Sandbox Code Playgroud)

scala processbuilder akka akka-stream

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