Heim > Artikel > Web-Frontend > So richten Sie das p-Tag im folgenden HTML-Code rechts aus
So richten Sie das p-Tag im folgenden HTML-Code rechts aus
- 黄舟Original
- 2017-07-03 13:54:216882Durchsuche
So machen Sie das p-Tag im folgenden HTML-Code rechtsbündig
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#t1{ background-color:#f8f8f8;
border-bottom:1px solid #e6e6e6;
height:24px;
}
#t1 p{ width:900px;
margin:0px auto;
padding-top:5px;
float:right;
font-size:12px;
}
#t1 p a{text-decoration:none;color:#738197;}
</style>
</head>
<body>
<div id="t1"><p style="color:#0CC">
<a href="http://pc.qq.com/">苹果</a> ·
<a href="http://www.qq.com/">鸭梨</a> ·
<a href="http://im.qq.com/">鸡蛋</a> ·
<a href="http://im.qq.com/mobileqq/">白菜
</a>
</p>
</div>
</body>
</html>Die zentrierte Breite beträgt 900 Pixel
#t1 p{
width:900px;
margin:0px auto;
padding-top:5px;
font-size:12px;
overflow:hidden;
text-align:right;
}
Entfernen Sie das rechte Floating des p-Tags und ändern Sie die Textausrichtung in rechts.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
#t1{ background-color:#f8f8f8;
border-bottom:1px solid #e6e6e6;
height:24px;
}
#t1 p{ width:900px;
margin:0px auto;
padding-top:5px;
float:right;
font-size:12px;
}
#t1 p a{text-decoration:none;color:#738197;}
</style>
<div id="t1">
<p style="color: rgb(0, 204, 204); text-align: right;">
<a href="http://pc.qq.com/">苹果</a> ·
<a href="http://www.qq.com/">鸭梨</a> ·
<a href="http://im.qq.com/">鸡蛋</a> ·
<a href="http://im.qq.com/mobileqq/">白菜
</a>
</p>
</div>Das obige ist der detaillierte Inhalt vonSo richten Sie das p-Tag im folgenden HTML-Code rechts aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn