小编Kar*_*eet的帖子

在双列页面上,如何使用CSS或Javascript将左div增加到右div的相同高度?

我正在尝试使用基于div的布局创建一个双列页面(请不要使用表格!).问题是,我不能使左边的div与右边的高度相匹配.我的右边div通常有很多内容.

这是我模板的配对示例,用于说明问题.

<div style="float:left; width: 150px; border: 1px solid;">
  <ul>
    <li>nav1</li>
    <li>nav2</li>
    <li>nav3</li>
    <li>nav4</li>
  </ul>
</div>
<div style="float:left; width: 250px">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
....
</div>
Run Code Online (Sandbox Code Playgroud)

alt text http://involution.com/images/divlayout.png

html javascript css

15
推荐指数
3
解决办法
6020
查看次数

如何在设置背景大小动画时消除噪点

我有一个具有背景图片的div,并且我正在尝试无限地更改其比例。

我更改了background-size动画中的属性,但是如您所见,动画时会出现一些噪音或振动。我将如何删除它?

.pre-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://upload.wikimedia.org/wikipedia/commons/a/ab/Android_O_Preview_Logo.png') center no-repeat #fff;
  background-size: 50%;
  animation: loading 5s ease-in-out infinite;
}

@keyframes loading {
  0% {
    background-size: 50%
  }
  50% {
    background-size: 55%
  }
  100% {
    background-size: 50%
  }
}
Run Code Online (Sandbox Code Playgroud)
<div class="pre-loader"></div>
Run Code Online (Sandbox Code Playgroud)

html css

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

如何在捕捉时“捕捉滚动”并触发事件?

我尝试使用scroll-snap在表示方面效果很好的 CSS 属性。

但我需要在滚动/捕捉时触发一个事件。我怎样才能做到这一点?

javascript css

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

反应原生元素输入全宽

我试图从 React Native Elements 实现输入,这是蓝色的。我想让输入在红色视图中具有全宽。所以我做了

width: '100%', marginHorizo​​ntal: 0, padding: 0, and alignItems: 'stretch' 独立。

但没有一个不起作用。问题是什么?这是屏幕截图

https://i.stack.imgur.com/NDhuC.png

这是相应的代码

    <View style = {styles.campusInputView}>
      <Input
        containerStyle = {styles.campusInputContainer}
        inputStyle = {styles.campusInput}
        placeholder = 'KAIST'
        editable = {false}
      />
    </View>
Run Code Online (Sandbox Code Playgroud)

与风格

  campusInputView: {
    borderWidth: 1,
    borderColor: 'red',
    position: 'absolute',
    top: height * 100 / 640,
    left: width * 45 / 360,
    width: width * 270 / 360,
  },
  campusInputContainer: {
    borderWidth: 1,
    borderColor: 'green',
    alignItems: 'stretch',
  },
  campusInput: {
    borderWidth: 1,
    borderColor: 'blue',
    flex: …
Run Code Online (Sandbox Code Playgroud)

javascript css react-native

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

第n个子元素定位到所有子元素

我有以下演示:

#parent:nth-child(1) {
  color: blue;
}
Run Code Online (Sandbox Code Playgroud)
<html>

<body>
  <div id="parent">
    <div>first child</div>
    <div>second child</div>
    <div>third child</div>
  </div>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

我期望只有父元素的第一个孩子是蓝色的,但是它们全都是蓝色。为什么是这样?

html css

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

删除商店中的项目 Vuex

我想删除我商店中的一个项目。我看到了这个解决方案/sf/answers/4178031511/这似乎是我正在寻找的但我的对象中有另一个“级别”所以我不知道如何从子级。

我的数据结构。

{
    id: 1,
    name: 'My customer one',
    projects: [
        {
            id: 1,
            name: 'name',
            tests: [
                {
                    id: 1,
                    name: 'name test'
                },
                {
                    id: 2,
                    name: 'name test 2'
                }
            ]
        },
        {
            id: 2,
            name: 'other name'
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

所以我看到如何使用上面的链接删除项目。但是如何删除一行测试?

我在我的 vue 中这样做:

this.$store.commit("deleteTest", this.idProject, e)
Run Code Online (Sandbox Code Playgroud)

这在我的商店里:

deleteTest(state, {data, e}) {
    const allTestsOfProject = state.listProjects.projects.find(p => p.id === data)
    console.log("all", allTestsOfProject)
    const oneTest = allTestsOfProject.studies.find(q => q.id === e)
    console.log("one test", oneTest)
    //state.listProjects.projects.splice(oneTest, …
Run Code Online (Sandbox Code Playgroud)

vue.js vuex nuxt.js

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

标签 统计

css ×5

html ×3

javascript ×3

nuxt.js ×1

react-native ×1

vue.js ×1

vuex ×1