内部和外部的CSS样式表现不同外面的iframe

时间:2016-01-05 09:43:12

标签: css iframe html-lists

嵌套列表在普通html和iframe内部看起来有所不同。看一下li:如果li没有文本,if iframe元素内部不会换行到下一行。

这是小提琴:

`https://jsfiddle.net/Lwj9jjj1/1/`

我认为它必须用html5做一些事情。 iframe可能根据html标准行为不起作用。

我对图像有同样的问题 - 在iframe内部,他们之后没有垂直空间,而不是iframe - 他们有。我通过向image添加vertical-align属性来修复它。小提琴:

`https://jsfiddle.net/Lwj9jjj1` 

1 个答案:

答案 0 :(得分:1)

你在iframe中使用怪癖模式,所以是的,你的iframe的行为与使用标准模式的主要小提琴不同。

解决方案:也可以在iframe中使用标准模式。

var content = '<!DOCTYPE html><title></title> <ol> <li> <ol> <li>a</li><li> <ol> <li>b</li></ol> </li></ol> </li></ol>';

https://jsfiddle.net/Lwj9jjj1/3/