无序列表li去掉标志，文本不根据标记对齐

大部分项目的列表都不需要标志，只要给ul添加一个list-style:none的属性即可；如果要把文本对齐标志，则添加list-style-position: inside;为了看着比较清晰，一般会把标志放在文本外面，添加list-style-position: outside就可以了。html5默认的就是把标志放在文本外面。更多关于标志的属性有list-style-image(将图像设置为标志)，list-style-type(设置不同的列表样式，list-style-type:disc实心圆)

<div class="list-box" style="width:600px;">
   <ul class="inside" style="list-style:none;">
       <li>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言</li>
       <li>CSS 指层叠样式表 (Cascading Style Sheets)</li>
       <li>JavaScript 是一种轻量级的编程语言,是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备</li>
   </ul>

<ul class="inside" style="list-style-position: inside;">
       <li>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言</li>
       <li>CSS 指层叠样式表 (Cascading Style Sheets)</li>
       <li>JavaScript 是一种轻量级的编程语言,是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备</li>
   </ul>

<ul class="outside" style="list-style-position: outside;">
       <li>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言</li>
       <li>CSS 指层叠样式表 (Cascading Style Sheets)</li>
       <li>JavaScript 是一种轻量级的编程语言,是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备</li>
   </ul>
</div>

无序列表li去掉标志，文本不根据标记对齐相关推荐

html怎么去掉无序列表符号,html无序列表怎么写？无序列表怎么去掉点？（图文）...
在网页中,可以用很多方法来排列文本项目,可以将多种项目没有顺序地排列在一起,也可以给每个项目赋予编号后再进行排列.此时,没有顺序的文本排列方式称为无序列表. 无序列表是项目列表,列表内容可以按任意顺序 ...
web无序列表去掉点_html无序列表怎么写？无序列表怎么去掉点？
在网页中,可以用很多方法来排列文本项目,可以将多种项目没有顺序地排列在一起,也可以给每个项目赋予编号后再进行排列.此时,没有顺序的文本排列方式称为无序列表. 无序列表是项目列表,列表内容可以按任意顺序 ...
无序列表li横向排列
本文转载自: https://www.cnblogs.com/laogai/p/3406073.html 作者:laogai 转载请注明该声明. 一.横向两列方式排列: 在网页中,很多地方都会用到无序 ...
如何修改无序列表li的点和文字之间的距离？
将list-style-position属性设置为outside 才可以然后使用 text-indent 如果用inside就会前缀跟着一起动如果需要对整坨的间距都调整对外层调整即可
html列表--有序列表、无序列表、定义列表
1.有序列表有序列表,顾名思义就是一个有顺序的列表 ol(ordered lists) : 有序列表 li(list item): 列表项目这是一个最普通的有序列表: 有序列表中两个常用的属性:t ...
有序列表、无序列表、自定义列表
有序列表.无序列表.自定义列表 1.有序列表 <ol type="A" start="3"><li>有 ...
HTML之有序列表、无序列表
目录有序列表无序列表有序列表有序列表(可表示步骤,顺序,排名等)(两个元素,二者之间为父子关系,li必须包裹在ol内,是order list,list item缩写.w3c标准:ol内只能嵌套 ...
HTML5入门之无序列表
HTML5入门之无序列表无序列表说明语法演示 ------代码 ------效果属性默认样式 <ul> <li> 清除默认样式清除完的效果无序列表说明 ul标 ...
无序列表，有序列表，自定义列表
无序列表-没有顺序的一组内容语法:<ul> 定义无序列表 <li></li> (列表项) </ul> 语义:用于将没有数字顺序的一组内容或数据进行 ...

无序列表li去掉标志，文本不根据标记对齐

无序列表li去掉标志，文本不根据标记对齐相关推荐

最新文章

热门文章