Question

我制作了一个没有样式的无序列表：

<?php
require_once 'app/controllers/core/web/pages.php';
$loader = require_once __DIR__ . '/vendor/autoload.php';

我试图用css来做，所以代码是

 <ul style="margin-left:0; list-style-type:none">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

用css：

 <ul class="nothing">
      <li>1</li>
      <li>2</li>
      <li>3</li>
    </ul>

所以内联样式没有子弹，也没有边距。 css也没有子弹但仍有缩进...为什么以及如何修复？我无法在任何地方看到语法错误。

Answer 1

将padding: 0;添加到ul.nothing即可。

ul.nothing
{
 list-style-type:none;
 margin-left:0;
 padding: 0;
}

它将删除默认的占用填充。

<强> Working Fiddle

并使用以下内容删除默认填充和浏览器边距。然后，无需在padding:0

中编写ul.nothing

*{
   padding:0;
   margin:0;
 }

<强> Fiddle

Answer 2

它正在运作。这是代码

<html>
<head>
<title>Welcome !</title>

<style type="text/css">

   body{
   	padding:0;
   	margin:0;
   } 
   ul.nothing {
      list-style-type: none;
      margin-left: 0;
      padding:0;
   }

   

</style>
</head>

 <body>
 	<ul class="nothing">
 		<li>1</li>
 		<li>2</li>
 		<li>3</li>
 	</ul>
 </body>

</html>

在这里我们使用内部css，但是如果你使用外部css样式表，请小心你的路径

Answer 3

请检查是否包含css文件。如果是这样，还要检查另一个css规则是否覆盖了你的css。

内联保证金有效但css不是吗？

3 个答案: