iframe的显示?

右边那个是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