java子弹集合_需要一个没有任何子弹的无序列表

回答(27)

2 years ago

此订单列表垂直没有项目符号 . 只需一行！

li{

display: block;

}

2 years ago

CSS：

.liststyle {

list-style-type: none;

}

HTML：

• Test

2 years ago

下面的代码是一个很好的简单示例，用于删除无序列表的项目符号

Unordered List without Bullets

• Coffee
• Tea
• Milk

2 years ago

如果你想在不诉诸css的情况下保持简单，我只需在我的代码行中添加一个   . 即

是的，它留下了一些空间，但这不是坏事 .

2 years ago

如果你正在使用Bootstrap，它有一个“没有样式”的类：

删除列表项上的默认列表样式和左边距(仅限直接子项) .

Bootstrap 2：

• ...

Bootstrap 3和4：

• ...

2 years ago

CSS代码

ul

{

list-style-type: none;

}

HTML代码

• Item One
• Item Two

2 years ago

您可以通过设置 "list-style-type: none;" Like来删除 "bullets"

ul

{

list-style-type: none;

}

要么

• Strategic Recruitment Solutions

2 years ago

只需将 class 中的 list-style-type 或 list-style 更改为 none 即

.

像这样的东西：

li {

list-style-type : none;

}

另外，为了获得更多信息，我列出了您可以分配给 list-style-type 的所有属性，运行下面的代码以查看一个目标中的所有结果：

.none {

list-style-type: none;

}

.disc {

list-style-type: disc;

}

.circle {

list-style-type: circle;

}

.square {

list-style-type: square;

}

.decimal {

list-style-type: decimal;

}

.georgian {

list-style-type: georgian;

}

.cjk-ideographic {

list-style-type: cjk-ideographic;

}

.kannada {

list-style-type: kannada;

}

.custom:before {

content: '◊ ';

color: red;

}

• none
• disc
• circle
• square
• decimal
• georgian
• cjk-ideographic
• kannada
• custom

2 years ago

如果您只想使用纯HTML实现此目标，此解决方案将适用于所有主流浏览器：

Description Lists

只需使用以下HTML：

List Item 1

Sub-Item 1.1

List Item 2

Sub-Item 2.1

Sub-Item 2.2

Sub-Item 2.3

List Item 3

Sub-Item 3.1

这将产生类似于以下的列表：

List Item 1

Sub-Item 1.1

List Item 2

Sub-Item 2.1

Sub-Item 2.2

Sub-Item 2.3

List Item 3

Sub-Item 3.1

2 years ago

使用以下CSS：

ul {

list-style-type: none

}

2 years ago

在css ...

ul {

list-style:none;

}

2 years ago

如前所述，执行此操作的最佳方法是将 list-style-type: none 添加到 ul 元素 . bullet styles 上有一篇很棒的文章我认为你可以从here中受益 .

2 years ago

您必须向

• 元素添加样式，如下所示：
  • Item

...

Item

这将删除子弹 . 您还可以在样式表中添加CSS，如上例所示 .

2 years ago

我在ul和li上都使用了list-style来删除子弹 . 我想用自定义角色替换子弹，在这种情况下是“破折号”，这样可以产生很好的效果 . 所以使用这个标记：

• text
• text

用这个css：

ul.dashed-list

{

list-style: none outside none;

}

ul.dashed-list li:before {

content: "\2014";

float: left;

margin: 0 0 0 -27px;

padding: 0;

}

ul.dashed-list li {

list-style-type: none;

}

给出一个很好的缩进效果，当文本换行时有效

2 years ago

即使你可以做到这一点 .

ul {

display: initial;

}

2 years ago

对上述内容的细化：如果更长的线条溢出到其他屏幕线，则使更长的线条更具可读性：

ul, li {list-style-type: none;}

li {padding-left: 2em; text-indent: -2em;}

2 years ago

你需要使用 list-style: none;

• ...

2 years ago

Native:

ul { list-style-type: none; }

Bootstrap:

• ...

注意：如果您使用的是列表组，那么就不需要列表 - 无样式 .

2 years ago

• @Model[i].Title

2 years ago

您可以使用以下 CSS 删除 bullets ：

ul {

list-style: none; //or list-style-type:none;

}

您甚至可以添加自定义列表样式，如：

li:before {

content: '✔';

color:red;

}

2 years ago

您可以使用 style="list-style-type:none" 删除项目符号 .

试试这个：

• op1
• op2
• op2

2 years ago

你可以试试这个

ul {

list-style: none

}

• List 1
• List 2
• List 3
• List 4

2 years ago

您可以通过在父元素的CSS上设置list-style-type为 none 来删除项目符号(通常为

• )，例如：

ul {

list-style-type: none;

}

如果你想删除缩进，你可能还想添加 padding: 0 和 margin: 0 .

有关列表格式化技术的精彩演练，请参阅Listutorial .

2 years ago

在css，风格，

list-style-type: none;

2 years ago

我尝试和观察的是

header ul{

margin: 0;

padding: 0;

}

2 years ago

你需要使用css list-style-type：none;

ul {

list-style-type: none;

}

2 years ago

如果您无法使其在

• 级别上运行，则可能需要将 list-style-type: none; 置于
• 级别：
  • Item 1
  • Item 2

  您可以创建一个CSS类来避免这种重复：

  ul.no-bullets li

  {

  list-style-type: none;

  }

  • Item 1
  • Item 2

  编辑：必要时，使用 !important ：

  ul.no-bullets li

  {

  list-style-type: none !important;

  }