第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定

ul列表在div中三種居中方式怎么弄啊

問老師，ul列表在div中三種居中方式怎么弄啊，謝謝

正在回答

4 回答

學(xué)習(xí)收藏 ?謝謝

0 回復(fù) 有任何疑惑可以回復(fù)我~

額 ?我懂了?

0 回復(fù) 有任何疑惑可以回復(fù)我~ 
<!DOCTYPE?html>
<html?xmlns="http://www.w3.org/1999/xhtml"?xml:lang="en">
<head>
????<meta?http-equiv="Content-Type"?content="text/html;charset=UTF-8">
????<title>淘寶搜索框</title>
????<style?type="text/css">
?.test1,.test2,.test3{
?height:?100px;
?background-color:?#ccc;
?margin-top:?20px;
????????}
?ul{
?list-style:?none;
?overflow:?hidden;
?padding:?0;
?margin:?0;
?width:?360px;
????????}

?ul?li{
?height:?20px;
?width:?100px;
?background-color:?#00aaaa;
?float:?left;
?margin-right:?20px;
?text-align:?center;
????????}
????????.test1?ul{
?margin:?0?auto;
????????}
????????.test2{
?position:?relative;
????????}
????????.test2?ul{
?position:?absolute;
?left:?0;
?top:?50%;
?transform:translate(0,-50%);
?}

????????.test3{
?position:?relative;
????????}
????????.test3?ul{
?position:?absolute;
?left:?50%;
?top:?50%;
?transform:translate(-50%,-50%);
?}
?</style>
</head>
<body>
<div?class="test1">
????<ul>
????????<li>水平居中</li>
????????<li>水平居中</li>
????????<li>水平居中</li>
????</ul>
</div>
<div?class="test2">
????<ul>
????????<li>垂直居中</li>
????????<li>垂直居中</li>
????????<li>垂直居中</li>
????</ul>
</div>
<div?class="test3">
????<ul>
????????<li>水平垂直居中</li>
????????<li>水平垂直居中</li>
????????<li>水平垂直居中</li>
????</ul>
</div>
</body>
</html>


1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

sealkie 提問者

額 我懂了 謝謝
2015-11-09 回復(fù) 有任何疑惑可以回復(fù)我~

你說的三種居中方式指的是什么？

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

sealkie 提問者

水平居中 垂直居中 和水平垂直居中吧
2015-11-07 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
HTML5和CSS3扁平化風(fēng)格博客
  • 參與學(xué)習(xí)       86787    人
  • 解答問題       406    個

HTML5與CSS3搭建超酷扁平化風(fēng)格博客

進(jìn)入課程

ul列表在div中三種居中方式怎么弄啊

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號