ul的margin撑不开想要的距离的办法 - 走看看

zoukankan html css js c++ java

ul的margin撑不开想要的距离的办法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>test</title>

<style type="text/css">

*{margin:0;

  padding;0;}

span{background:#fdb48c;}

.warp{background:#666;

   border:#000000 1px solid}

.warp ul{display:block; background:#ccc; list-style:none; margin:10px; padding:0px;}

</style>

</head>

<body>

<span> begin begin begin </span>

<div class="warp">

  <ul>

<li>text text</li>

<li>text text</li>

<li>text text</li>

<li>text text</li>

<li>text text</li>

  </ul>

</div>

<span> end end end end </span>

</body>

</html>
复制代码
给wrap加上边框可以解决这问题，，不过建议把ul:margin改为wrap：padding,,,更佳
查看全文

相关阅读:
PHP ffmpeg详解简单上手 window64 音频amr转mp3
PHP强制转换类型
 PHP使用array_unique对二维数组去重处理
 发布包
 CSS用户界面样式
 数组
 结构类型(枚举，结构，联合)
循环
 程序结构
 文件

原文地址：https://www.cnblogs.com/wlgwilianm123/p/7440586.html

Copyright © 2011-2022 走看看