HTML如何在新行上显示列表中的元素
HTML中可以使用<br>标签在新行上显示列表中的元素。<br>标签是一个单标签，用于在文本中插入一个换行符。当在列表中的元素之间插入<br>标签时，列表中的元素将会在新行上显示。
例如，以下是一个使用<br>标签在新行上显示列表元素的示例：
<ul>
<li>第一项<br></li>
<li>第二项<br></li>
<li>第三项<br></li>
</ul>在上述示例中，每个列表项后面都插入了<br>标签，这将使得每个列表项在新行上显示。
关于HTML的更多信息，您可以参考腾讯云的HTML产品介绍页面：HTML产品介绍
相关·内容
4回答
CSS列的不期望溢出
html、css
我想要实现这样的目标：
但目前，我只知道：
解释(谢谢Andrei Gheorghiu)：
我希望在不确定的内联列数中显示这些项，规则是“1列中不超过2项”。第三项创建第二列，第五项创建第三列，第七项创建第四列等等。无论是每一列还是整个列表，都必须表现为内联块。
总括而言：
目标是在每一列中有两个列表项。
整个列表需要在段落中间--不能在前后插入新的行。
列表中的项目数未知。
这是我的代码：
div {
font-size: 30px;
padding: 30px;
}
ul {
display: inline-block;
c
浏览 1提问于2019-01-19得票数 5
回答已采纳
2回答
如何在php中使用css移除Html中的项目符号
html、css
我正在尝试使用ul，li在html中显示图库中的图像
列表项通过while循环进行迭代
<ul style="list-style-type: none;">
while($data=mysql_fetch_row($result))
{
$path=$data[1];
<li style="list-style:none; float: left; margin-left:4px; margin-top:5px; margin-bottom:5px;">
<div><img src=<?=$path?> w
浏览 0提问于2012-05-16得票数 1
2回答
仅以最后一项为目标追加所有列表项
javascript、jquery、html、css
我正在处理一个jquery函数，(1)将元素添加到默认的无序列表(动物)中，(2)在列表项(包括新的菜单列表项)上显示/隐藏“删除按钮”(包括新的菜单列表项)。我想选择所有的列表项目，但它只显示在最后一项上。
JS
$(function() {
var cat = $('<li><a href="#" class="">Cat</a></li>');
var dog = $('<li><a href="#" class=""&
浏览 2提问于2014-02-20得票数 0
回答已采纳
2回答
JQuery -从多个列表中选择除最后一个列表之外的所有列表。
jquery、xhtml、jquery-selectors
我想知道这是否是最优雅、最有效的方法？
我有多个“标记”列表，通过CSS，我希望标签显示为内联(显示:内联)，并以逗号分隔。我面临的挑战是在每个ul.tagList中除最后一个列表项之外的所有项中添加逗号：
<ul class="outerList">
<li>
<div class="innerContainer">
<ul class="tagList">
<li>Tag A</li>
浏览 6提问于2010-06-21得票数 4
回答已采纳
2回答
通过带有原始文本的标记过滤内容
jquery、filter、tags、html-lists
我正在尝试创建一个过滤器/标签系统。这个运行良好，但使用的是类而不是原始文本。大多数jquery排序/过滤似乎使用类，我希望使用原始文本。
我的html是这样设置的。
<div class="pin">
<img src="/thumbnail.jpg" >
<span>10.08.12</span>
<ul>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
<li>Yellow<
浏览 4提问于2012-07-31得票数 0
回答已采纳
1回答
CSV的HTML列表
php、excel、csv、html-lists
我有一个多级列表，示例如下：
<ul>
<li>Test column 01
<ul>
<li>Test column 02
<ul>
<li>Test column 03
<ul>
<li>Test column 04
浏览 0提问于2013-03-01得票数 3
回答已采纳
3回答
嵌套列表导航:屏幕阅读器支持列表标签和嵌套级别
html、accessibility、nested-lists、wai-aria、screen-readers
增强网站<nav> <ul> 地标的语义可访问性的最佳实践是什么?为屏幕读取器用户提供嵌套的列表？(aria label和list级别目前并不是所有屏幕阅读器都能读到)。
我在iOS 9上测试了画外音，在安卓5上测试了Talkback，在Win10上测试了NVDA2016-1(在火狐中)。我在屏幕阅读器应用程序中使用了(大部分)默认设置。
我认为以下列表应该是屏幕阅读器用户的最佳选择：
演示代码1
<nav>
<ul aria-label="product navigation">
<li><a
浏览 3提问于2016-04-08得票数 3
2回答
是否有可能防止li: the将列表项段落强制放到下一行(JSFiddle it )？
html、css、html-lists
我使用FontAwesome图标作为无序列表的自定义符号，但使用li: as似乎会改变列表项中段落标记的行为。
请参阅此以获得两个不同列表中的段落标记。一个和李:以前，一个没有。
HTML：
<ul class="before">
<li>list item 1</li>
<li>
<p>list item 2 (paragraph)</p>
<p>list item 2 (sub paragraph)</p>
</li&
浏览 1提问于2014-11-18得票数 4
回答已采纳
5回答
如何使用CSS在HTML列表中强制水平滚动？
html、css、html-lists、css-float、horizontal-scrolling
我有一个这样的清单：
<div>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
</div>
和下列CSS：
ul {
width: 160px;
height: 100px;
overflow: auto;
}
li {
width: 80px;
浏览 10提问于2012-03-14得票数 24
回答已采纳
4回答
具有基于禅宗网格的布局的浮动列表项
html、css-float、sass、compass-sass、grid-layout
我正在试用进行网站的重新设计。我喜欢它的通用功能，它可以生成一个基于网格的响应式设计，而不需要把所有东西都放到额外的<div>中，也不需要给标签添加与布局相关的类名。我无论如何都会使用/，所以zen-grid是一个显而易见的选择。但我很难弄清楚如何最好地实现以下“浮动列表项”效果(例如，对于网络商店中的典型产品网格)：
<html>
<head>
<style>
ul {
width:100%;
list-style-type:none;
margin:0;
padding:0;
浏览 0提问于2012-12-01得票数 0
回答已采纳
1回答
如何使用引导主题创建响应列表项
theming
我正在使用引导主题。我试图创建响应列表项目。当在平板电脑、笔记本电脑、台式机中查看页面时，我希望看到两列中的项目。当在移动中查看页面时，列表应该显示在一列中。我在body字段中输入了下面的代码，但它并不适用于我。我在googled中搜索了一些引导类，但是找不到任何具体的类。您能告诉我如何编写代码来创建响应列表项吗？
<table>
<tr> <td class = "col-lg-6 col-md-6 col-xs-12 col-sm-6">
<ul>
<li>Probate Problems</li>
浏览 0提问于2017-03-12得票数 0
回答已采纳
2回答
带有列表项的Jquery悬停
javascript、jquery
在我的html代码中有列表项。当悬停相关列表项时，我想显示和隐藏相关的fav div。但是我不能将fav div和它的列表项联系起来。
html：
<ul>
<php? for(....): ?>
<li>
<div id="sin">
some stuff
</div>
<div id="son">
some stuff
浏览 0提问于2012-10-28得票数 0
回答已采纳
1回答
WordML列表问题
ms-word、wordml
我需要将类似HTML的格式转换为WordML。我对清单有个问题。单词列表是包含列表属性的简单段落，通常是对列表的引用。列表在包含列表属性的新段落上自动以1或A开头，如果下一段落具有相同的列表属性，则编号将从下一段落继续。
当单个列表项包含多个段落时，问题就开始了。例如：
<li>
<-- multiple paragraphs -->
<p></p>
<p></p>
<p></p>
</li>
<li>
...
</li>
在列表项目1中插入所
浏览 5提问于2012-08-01得票数 0
回答已采纳
1回答
动态更新jQuery UI排序
jquery、jquery-ui、dynamic、jquery-ui-sortable、items
我在无序列表上使用。我希望每个列表项都是可排序的，但有.active类的项目除外：
<ul>
<li class="active">Item 1</li> <!-- This item should NOT be sortable -->
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
因此，我
浏览 1提问于2014-04-08得票数 0
回答已采纳
2回答
在导航中将wordpress子页作为下拉列表列出
php、html、css、wordpress、drop-down-menu
我目前正在将一个HTML网站编码成wordpress。我现在遇到的问题是，我似乎不能通过wp_list_pages标签在导航列表中包含一个下拉列表。
所以这意味着目前，悬停的"products“列表项不会下拉以显示页面(本例中为子页面)。这是因为我不能将带有子页面的<ul>标记作为子列表项包含在<?php wp_list_pages ?>中。
目前，我用来在wordpress站点上生成页面的代码是
<?php wp_list_pages('include=18,3,9,11,13,15,7&depth=2&title_li='
浏览 1提问于2009-07-14得票数 0
回答已采纳
1回答
通过ajax包含动态内容的更好方法是什么？
java、javascript、ajax
更好的做法是只从xml或json格式的(java)后端检索数据，并使用javascript创建显示元素(即div、span等)。并将数据插入到它们中，还是检索并插入完整的“视图”(由后端创建的数据和html )更好？
例如，假设我们有以下列表，当列表项悬停在随后的"div“显示动态数据时(请参见下面)。最好是只获取数据，然后使用js创建"ul“和"li”元素，然后将数据插入其中，还是将数据和html合并视图插入div中更好？
<ul>
<li>Bob</li>
<li>Tom</li>
<li>Jo
浏览 1提问于2010-05-28得票数 1
5回答
无序列表拖到下一行
css
我有一个有问题的无序列表。如下所示，我将列表设置为容器的100%。问题是列表项都不在一行上。第五个元素下降到下一行。列表项被设置为ul的20%，还有5里，假设我的数学是正确的，那么加起来就是100%。有人能看出我哪里出了问题吗？
HTML
<div class="navi">
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">Get The<br&g
浏览 5提问于2015-03-12得票数 0
回答已采纳
1回答
在角类型记录类中添加html元素和json列表。
html、angular、typescript、list、tags
我有这个密码。
this._notificationService.showInfoMessage
(
'The list below cannot be reached'
+ `'<ul>
<li> ${this.tagList
.map(i => i.tag)
.join(',')} </li>
</ul>'`
)
浏览 4提问于2022-01-30得票数 1
1回答
用mootools切换多级ul
javascript、mootools、toggle、html-lists、multi-level
你好，我想用mootools 1.1或普通的javascript切换一个巨大的多级ul。该列表如下所示：HTML:
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
<li>
<ul>
<li>ddd
<ul>
<li>fff</li>
浏览 0提问于2010-12-13得票数 0
3回答
禁用非输入元素的插入符号？
html、css、caret
对于非输入元素，可以禁用HTML文档上闪烁的插入符号吗？
例如，单击列表项将将插入符号移动到列表项元素：
<ul>
<li>Cool choice 1</li>
<li>Cool choice 2</li>
<li>Cool choice 3</li>
</ul>
如果您有一个用于导航的ul，那么您可能希望它们像按钮一样。如果插入符号没有发挥作用，这是可以实现的。这样的事情有可能吗？
浏览 4提问于2016-12-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
