                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

我想问一下为什么用span标签居中后圆点会出现在最左端？用li标签也是

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>ul-li的学习</title>

<style>

li{text-align: center;}

</style>

</head>

<body style="font-size: 50px">

<ul>

<li><img src="C:\Users\DELL\Desktop\cb7f5c6cabfabf21cc20161f36ba713ce13be5b2afe67-O862W0_fw658.jpg" width="100" height="100">你好中国</li></span>

<span><li><img src="C:\Users\DELL\Desktop\095e3186127abc412881db7843c19ac865b5f3e4288ba-3nVmfS_fw658.gif" width="100" height="100">你好西安</li>

</ul>

</body>

</html>

多丽

2017-05-09

源自：初识HTML(5)+CSS(3)-升级版 5-7

关注问题我要回答

2206

操作

收起

8 回答

45632346
2017-08-23

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ul-li的学习</title>
<style>
  /*li{text-align: center;}*/
  /*第一种方法*/
  li{
  margin:0 auto;
  width:200px;/*给li一个宽度*/
  }
  /*第二种方法*/
  div{
  margin:0 auto;/*让div居中*/
  text-align:center;/*让div中的文本居中*/
  }
  ul{
	  display:inline-block;
	 }
  li{
	  display:inline-block;
	 }/*设置ul,li其中一个都可以*/
</style>
</head>
<body style="background-color:#0CC;">
<div>
  <ul>
    <li><img src="C:\Users\DELL\Desktop\cb7f5c6cabfabf21cc20161f36ba713ce13be5b2afe67-O862W0_fw658.jpg" width="100%" height="100">你好中国</li></span><!--span用错了,因为span标签之间没有任何东西,而且有斜杠的span是结束标签-->
    </span><li><img src="C:\Users\DELL\Desktop\095e3186127abc412881db7843c19ac865b5f3e4288ba-3nVmfS_fw658.gif" width="100%" height="100">你好西安</li>
  </ul>
</div>
</body>
</html>

1 回复有任何疑惑可以回复我~

慕斯4282661
2017-05-22

<p>我试了一下你的代码我把<span></span> 就是把斜杠换到后面来了我是感觉斜杠怎么也不是添加在前面吧不知道是不是有用说的 </p>

0 回复有任何疑惑可以回复我~

qq_aoitsukasa_03776761
2017-05-09

list-style：none；圆点就没了

2 回复有任何疑惑可以回复我~

独自去风骚
2017-05-09

display: inline 把 ul定义为行内元素，然后就可以用text-align 了，你试试

0 回复有任何疑惑可以回复我~

多丽提问者
2017-05-09

那要怎么做居中呢？我发现把ul删掉那个圆点就跟着居中了

0 回复有任何疑惑可以回复我~

多丽提问者
2017-05-09

我发现把ul删掉那个圆点就会居中了，这又是为什么呢？

0 回复有任何疑惑可以回复我~

独自去风骚
2017-05-09

设置ul试试？而不是li

0 回复有任何疑惑可以回复我~

#1

多丽提问者

不行哎~

2017-05-09 回复有任何疑惑可以回复我~

伯纳乌4066894
2017-05-09

text-align居中的是文本，不是元素

0 回复有任何疑惑可以回复我~

#1

多丽提问者

那要怎么做元素与文本一起居中呢？我发现把ul删掉那个圆点就跟着居中了

2017-05-09 回复有任何疑惑可以回复我~

#2

伯纳乌4066894 回复多丽提问者

margin: 0试试

2017-05-09 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226316 人
解答问题 18239 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答span标签有什么用

4 回答span标签包含在p标签中，但是span标签中颜色变化不会受p标签决定？求大神详解

4 回答为什么用div标签而不用img标签

1 回答在div标签后面随便插入一个标签，比如p标签，然后设置居中，但实际没有居中，若放在第一个div标签的前面就可以居中，为什么

2 回答为什么最后一行不用<br /> 折行标签了？是因为有这个标签？

搜索更多本课相关问答

我想问一下为什么用span标签居中后圆点会出现在最左端？用li标签也是

我要回答关注问题

意见反馈帮助中心 APP下载