PHP文件为何不支持Flex横向排列? 5C

非常奇怪,我需要做一个PHP的主页面,想用div实现左边固定宽度,右边自适应宽度。看到flex布局非常方便。但同样的代码,保存为html文件打开网页是完全正确的;但如果保存为PHP文件,打开则完全不是我需要的效果。
正确的效果
PHP文件打开的效果

0

2个回答

.parent{
height:500px;

border:1px solid #222;

display:flex;/*设为伸缩容器*/

flex-flow:row;/*伸缩项目单行排列*/

}

.stable{

width:200px;/*固定宽度*/

border:1px solid #ccc;

}

.change{

flex:1;/*这里设置为占比1,填充满剩余空间*/

border:1px solid #ff4400;

}

.Tools{
height:200px;

border:1px solid #222;

display:flex;/*设为伸缩容器*/

flex-flow:row;/*伸缩项目单行排列*/

}

.box-item {
width: 200px;
height: 200px;
line-height: 200px;
vertical-align: middle;
margin: 5px;
background-color: #ffd200;
font-size: 100px;
color: white;
text-align: center;
}

0

没改代码直接按原html代码保存的php?
CSS是引用的文件,还在在代码中的?

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!