Question

我知道这很简单，但我无处可寻找解决方案。在以下html代码中，<li>的标记位于<inframe>的底部，如何处于中间或顶部<inframe>？

<!DOCTYPE html>
<html>
  <body>

    <ul style=" list-style-position: inside;">
      <li> <iframe src="http://www.w3schools.com">  </iframe> </li>
      <li> <iframe src="http://www.w3schools.com">  </iframe> </li>
      <li> <iframe src="http://www.w3schools.com">  </iframe> </li>
    </ul>
  </body>
  </html>

提前感谢您的帮助。

Answer 1

将CSS属性vertical-align:middle;提供给iframe。这将使子弹进入列表的中间位置。

iframe{
  vertical-align:middle;  
}

<!DOCTYPE html>
<html>
  <body>

    <ul style=" list-style-position: inside;">
      <li> <iframe src="http://www.w3schools.com">  </iframe> </li>
      <li> <iframe src="http://www.w3schools.com">  </iframe> </li>
      <li> <iframe src="http://www.w3schools.com">  </iframe> </li>
    </ul>
  </body>
  </html>

当帧内为li时的标记位置

1 个答案: