小编dec*_*cho的帖子

如何将父容器的水平滚动位置移向最靠近中心的子元素之一?

好吧,想象一下我这里有一个非常简单的场景。<div>一个CSS 属性为 的容器overflow-x: scroll,宽度为 500px(不溢出的可见宽度),并且有 9 个子容器。1 至 4 号和 6 至 9 号儿童的宽度为 100 像素,5 号(中间一个)的宽度为 200 像素,总共 1200 像素(总滚动宽度)。

<nav class="scrollable">
  <div style="width: 100px;">1</div>
  <div style="width: 100px;">2</div>
  <div style="width: 100px;">3</div>
  <div style="width: 100px;">4</div>
  <div style="width: 100px;">5</div>
  <div style="width: 100px;">6</div>
  <div style="width: 100px;">7</div>
  <div style="width: 100px;">8</div>
  <div style="width: 100px;">9</div>
</nav>
Run Code Online (Sandbox Code Playgroud)
.scrollable {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 500px;
  overflow-x: scroll;
}

.scrollable > div {
  flex-shrink: 0;
  text-align: center;
  cursor: pointer;
}
Run Code Online (Sandbox Code Playgroud)

到目前为止,一切都很好。所以现在的目标是,每当我们单击这些子元素 …

javascript css

6
推荐指数
0
解决办法
2539
查看次数

在 MongoDB 中执行不区分变音符号的 $regex 搜索

正如标题所说,我试图弄清楚如何执行不区分变音符号的操作$regex在 MongoDB 中执行不区分变音符号的搜索,尽管目前我不确定这是否可能。

\n

基本上,想象我们有一个团队集合,其中包含如下文档:

\n
{ id: 1, name: "FC Bayern M\xc3\xbcnchen" },\n{ id: 2, name: "Atl\xc3\xa9tico Madrid" }\n
Run Code Online (Sandbox Code Playgroud)\n

对于这个集合,我创建了一个text索引name

\n

db.getCollection(\'teams\').createIndex({name: \'text\'});

\n

这使我能够执行变音符号和不区分大小写的搜索。

\n
db.getCollection(\'teams\').find({ $text: { $search: "bayern" }});\ndb.getCollection(\'teams\').find({ $text: { $search: "munchen" }});\n// \xe2\x9c\x85 { id: 1, name: "FC Bayern M\xc3\xbcnchen" }\n
Run Code Online (Sandbox Code Playgroud)\n

但是,如果文本搜索不包含完整单词(Bayern,Munchen ),则查询不会产生任何结果:

\n
db.getCollection(\'teams\').find({ $text: { $search: "bayer" }});\ndb.getCollection(\'teams\').find({ $text: { $search: "munc" }});\n// \xe2\x9d\x8c (no results)\n
Run Code Online (Sandbox Code Playgroud)\n

因此,为了使这项工作按预期进行,我需要使用$regex …

mongodb

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

标签 统计

css ×1

javascript ×1

mongodb ×1