最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

居中问题,求大神_html/css

来源:动视网 责编:小采 时间:2020-11-27 15:48:44
文档

居中问题,求大神_html/css

居中问题,求大神_html/css_WEB-ITnose: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;} Gift
推荐度:
导读居中问题,求大神_html/css_WEB-ITnose: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;} Gift


 

  • Gift

  • I,Say

  • Photo

  • Letter

  • 这个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,就搞定了.

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

    文档

    居中问题,求大神_html/css

    居中问题,求大神_html/css_WEB-ITnose: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;} Gift
    推荐度:
    标签: 居中 问题 大神
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top