右边那个是iframe,里面的网页中字体是居中,但显示却偏右
以你贴出来的代码看,问题可能出在right-box宽度,你设置的是100%,但你又margin-left了160px,导致实际宽度大于可视宽度。其实是居中的只是宽度超出了。
解决办法:设置right-box的宽度css为
#flex-box .right-box{
width:calc(100% - 160px)
}
1、黄色区域字体居中,是根据父节点宽度进行居中的,父节点(iframe)宽度是100%。
2、你设置的iframe的父节点宽度也是100%
3、按照1,2项来看,黄色区域字体居中是正常的,因为他的宽度就是屏幕宽度,对屏幕来说它是居中的。表现正常。
4.、解决办法:确定 & 固定 right.box 的宽度,是页面宽度减去左边操作区的宽度。
如果对您有帮助,请你点赞 + 采纳,这是对我最大的鼓励
相对于你本身引入的那个页面来说他就是居中的
这是iframe的css
这是包含iframe的div
那只能根据你的要求,修改iframe得样式。让他相对于黄色区域居中。黄色区域就是iframe吗。那这么看,字也没居中
黄色区域是填充了可视区域中除了上边和左边的剩下部分,整个黄色区域都是iframe,
总感觉是右边溢出后隐藏了,应该可以让网页填充到iframe吧
f12查margin,padding