我正在学习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的问题是相同的.
我正在编写我想上传到 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) config ×1
configparser ×1
css ×1
css3 ×1
flexbox ×1
frontend ×1
html ×1
import ×1
python ×1
python-2.7 ×1