html怎么让浮动的文字居中显示
2016-07-01 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
文字外层,放个div,div加个样式,
例如1:
<div class="text">这里是想要居中的文字</div>,
样式表里这样写:
.text{text-align:center;}
例如2:
<div class="text" style=" text-align:center;">这里是想要居中的文字</div>
例如1:
<div class="text">这里是想要居中的文字</div>,
样式表里这样写:
.text{text-align:center;}
例如2:
<div class="text" style=" text-align:center;">这里是想要居中的文字</div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
ul在wrap中居中
或者li的集合在ul中居中
第一种,,清楚浮动,给ul margin:0 auto;
第二种可以用js区li的offsetWidth和,然后根据wrap宽度设置ul的padding或者最左边li的margin-left。
给你举个例子,进行了解:
<html >
<head>
<meta http-equiv="Content-Language" content="zh-CN" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浮动居中</title>
<style type="text/css">
body{
text-align: center;
}
.top{
width:1000px;
}
.top ul{
list-style:none;
margin: 0px 0px 0px 400px;
}
.top li{
float:left;
}
</style>
</head>
<body>
<div class="top">
<ul>
<li><a href="#">列表1</a></li>
<li><a href="#">列表二</a></li>
<li><a href="#">列表三</a></li>
</ul>
</div>
</body>
</html>
或者li的集合在ul中居中
第一种,,清楚浮动,给ul margin:0 auto;
第二种可以用js区li的offsetWidth和,然后根据wrap宽度设置ul的padding或者最左边li的margin-left。
给你举个例子,进行了解:
<html >
<head>
<meta http-equiv="Content-Language" content="zh-CN" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浮动居中</title>
<style type="text/css">
body{
text-align: center;
}
.top{
width:1000px;
}
.top ul{
list-style:none;
margin: 0px 0px 0px 400px;
}
.top li{
float:left;
}
</style>
</head>
<body>
<div class="top">
<ul>
<li><a href="#">列表1</a></li>
<li><a href="#">列表二</a></li>
<li><a href="#">列表三</a></li>
</ul>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询