CSSflexbox是当今最有用的CSS布局功能之一。很容易将display:flex添加到包装器中，并使子项彼此相邻排序。这是一个典型的例子。我们有一组选项，应该显示在彼此旁边。.options-list{display:flex;}当空间不足时，将出现水平滚动。这应该是意料之中的，实际上并不是一个“

什么是防御性CSS呢？我的理解是我们所写的网页的内容不完全是静态的，也是可以发生变化的，因此也就增加了CSS出现的问题。不管网页的内容是多是少，还是窗口尺寸是大还是小，页面里面的内容与布局是要能正常显示而不会被破坏。Flexbox折行Flexbox是CSS中经常使用的布局，在父元素中设

非常长的字符串换行 ##三个双引号line="""thisisaveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryverylongstring"""line##三个单引号longstring1='''thisisalonglonglonglonglonglonglong