小编Pra*_*ayi的帖子

使用flexbox每行排列2个项目

想象一下,我有以下标记

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

和风格

.item {
  width: 100%
}
Run Code Online (Sandbox Code Playgroud)

并且由于某些原因我无法改变宽度我可以 .item 通过.container使用flexbox或任何其他方式设置父容器,在每行中排列2个项目吗?

html css css3 flexbox

31
推荐指数
2
解决办法
4万
查看次数

我如何在ReactNative中使用CSS

我可以使用CSS设置我的ReactNative组件的样式。目前,我只能像这样使用StyleSheet

var styles = React.StyleSheet.create({
 autocomplete: {
   backgroundColor: '#FFF',
   zIndex: 5,
 },
 ...
Run Code Online (Sandbox Code Playgroud)

我想使用CSS代替ReactJs中的 CSS

javascript css stylesheet reactjs react-native

6
推荐指数
2
解决办法
2033
查看次数

从"打印页面"禁用特定于浏览器的页眉和页脚

我正在使用Javascript打印网页,但我的页眉和页脚包含页面标题,文件路径,页码和日期.我该如何删除它们?

我发现了与此问题相关的类似问题,如下所示

但是每个解决方案都说要margin:0进入@page

我试过这个

@page {
    size: A4 landscape;
    margin: 0;
}

body {
    margin: 30pt;
}
Run Code Online (Sandbox Code Playgroud)

它在我打印页面的第一页上正常工作.从第二页开始,保证金变为零.

我也试过moznomarginboxes但现在已经弃用了.

html javascript css printing

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

带有Webpack别名的eslint错误显示

在我的webpack配置中。我定义了别名

alias: {
            components: 'src/components/',
            config: 'src/config/'
}
Run Code Online (Sandbox Code Playgroud)

当我从该路径导入模块时,发生eslint错误。

import ShadowWrapper from 'components/ShadowWrapper'
Run Code Online (Sandbox Code Playgroud)

错误的“组件”应在项目的依赖项中列出。运行“ npm i -S组件”以将其添加为导入/无外部依赖关系

javascript eslint webpack

5
推荐指数
3
解决办法
3669
查看次数

使用 github 版本更新 package.json 中的版本

当我从 github 发布它时,我需要更新 package.json 文件中的版本号。有没有什么方法可以将新创建​​的标签版本设置为 package.json 中的版本号

javascript version github npm github-actions

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

如何获取React组件的innerHTML

我有一个react组件,并且我希望它的innerHTML作为prop传递给iframe。

render() {
        const page = <PrintPage />
        const iframeContent = page..something...innerHTML
        return (
            <iframe srcDoc={iframeContent}/>);
}
Run Code Online (Sandbox Code Playgroud)

有没有办法做这样的事情。

我只想在iframe中进行渲染,所以我不能使用ref。我想要未安装的组件的innerHTML

iframe reactjs

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

阿佛洛狄忒中的类 &gt; 元素选择器

如何在 aphrodite 中实现 >elemnt 选择器。我想将我的孩子 div 设置为宽度“100%”

 inputContainer: {
        width: '100%',
        "> div": {
            width: '100%'
        }
    },
Run Code Online (Sandbox Code Playgroud)

但它不起作用。

css reactjs aphrodite

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