Heim > Web-Frontend > HTML-Tutorial > 居中问题,求大神_html/css_WEB-ITnose

居中问题,求大神_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:14:06
Original
1129 Leute haben es durchsucht

<style type="text/css">body{	text-align:center;}li{	background-image:url(images/btn3.jpg);	float:left;	list-style-type:none;	width:155px;	height:58px;	text-align:center;	color:#F09;	font-weight:bold;	font-size:16px;	font-family:Arial, Helvetica, sans-serif;}</style></head><ul>    <li></br>Gift</li>    <li></br>I,Say</li>    <li></br>Photo</li>    <li></br>Letter</li></ul>
Nach dem Login kopieren

这个li始终就是不能居中,试了各种方法了, 求大神解救啊, 还有button怎么控制他在页面中的位置啊,CSS貌似不好用,还是我用的不对


回复讨论(解决方案)

float:left;是不会居中的,因为它已经逃出了文档流了,你可以改成display:inline;

dispaly:inline;我试了, 没有浮动效果啊, 我把li的背景图片拿掉 就可以居中 怎么回事,

在ul外加一个div,设置宽度,然后margin:0 auto;这样的话整个ul就应该剧中了

最好ul后面清除浮动



        
  • Gift

  •     
  • I,Say

  •     
  • Photo

  •     
  • Letter


去掉里 样式的 float:left;  改用display:inline-block;这样就可以了~

给ul宽度,然后margin-left:-宽度.之后用position:relative,就搞定了.

谢谢各位大神,好用了 谢谢。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage