小编Abh*_*nia的帖子

无法将flexbox child的宽度设置为100%

我正在学习CSS flexbox并且正在做一个简单的布局,我希望第一个flex子项显示100%宽度的父级和rest flex items包装在下面.此外,包裹的弹性项目应以特定比例占据宽度(易于使用'flex'属性设置).

为此,我将第一个flex项的"flex-basis"属性设置为100%,并将next 2的flex属性设置为我想要的比例.以下是相关CSS的样子(链接到完整的小提琴如下):

.main{
    max-width: 1000px;
    margin: 100px auto;

    display: flex;
    flex-flow: row wrap;
}

/*using ususal shorthand notation*/

.flex-item:nth-child(1) {
   flex:1 100%;
}

.flex-item:nth-child(2) {
    flex:2;
}

.flex-item:nth-child(3) {
    flex:3;
}
Run Code Online (Sandbox Code Playgroud)

这应该将第一个项目的宽度设置为1000px,将接下来的两个宽度分别设置为400px和600px; 包裹并显示在第一个孩子下面.

但由于某种原因,CSS中断,第二和第三项被推到主容器外.

更奇怪的是,为flex项添加边距修复了整个事情,我不明白这是怎么回事(我必须做些蠢事).甚至可以在".flex-item"规则中添加一些边框或填充.

.flex-item{
    margin: 5px;
}
Run Code Online (Sandbox Code Playgroud)

这是JS小提琴.您可以尝试在CSS中取消注释'.flex-item'规则以查看正在发生的事情.

我懒得不添加任何前缀(因为几乎每个新浏览器都支持它),但最新的FF,IE和Chrome的问题是相同的.

html css frontend css3 flexbox

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

在 python 包中添加和读取 config.ini 文件

我正在编写我想上传到 PyPI 的第一个 python 包。我根据这篇博文构建了我的代码。

我想将用户设置存储在 config.ini 文件中。在同一包中的单独 python 模块中读取一次(每次包运行时),并将用户设置保存在该模块的全局变量中。稍后导入其他模块中的那些。

为了重现错误,我刚刚在博客文章中描述的模板中编辑了几行代码。(请参考它,因为在此处重新创建整个内容需要太多的输入。)

唯一的区别是我stuff.py从这样的配置文件中读取:

from ConfigParser import SafeConfigParser

config = SafeConfigParser()
config.read('config.ini')

TEST_KEY = config.get('main', 'test_key')
Run Code Online (Sandbox Code Playgroud)

以下是config.ini(放置在与 相同的目录中stuff.py)的内容:

[main]
test_key=value
Run Code Online (Sandbox Code Playgroud)

而我bootstrap.py刚刚导入并打印TEST_KEY

from .stuff import TEST_KEY

def main():
    print(TEST_KEY)
Run Code Online (Sandbox Code Playgroud)

但是在执行包时,导入失败给出这个错误

Traceback (most recent call last):
    File "D:\Coding\bootstrap\bootstrap-runner.py", line 8, in <module>
    from bootstrap.bootstrap import main
    File "D:\Coding\bootstrap\bootstrap\bootstrap.py", line 11, in <module>
    from .stuff import TEST_KEY
    File "D:\Coding\bootstrap\bootstrap\stuff.py", line 14, in <module>
    TEST_KEY …
Run Code Online (Sandbox Code Playgroud)

python import config configparser python-2.7

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

标签 统计

config ×1

configparser ×1

css ×1

css3 ×1

flexbox ×1

frontend ×1

html ×1

import ×1

python ×1

python-2.7 ×1