怎样设置文本居中在背景中央

来源:12-4 我还要站个大位置 - 内联块状元素

alwaysherewithme

2016-10-04 10:51

各位,能教教我怎样把文本“1,2,3,4”居中到粉色方框背景的中央么?

http://img.mukewang.com/57f3191d00011de008540462.jpg

写回答 关注

3回答

  • 慕粉1470241121
    2016-10-04 12:26:30
    已采纳

    text-align:center; /*设置文本水平居中显示*/

    在CSS的<div>、<span>等元素是没有valign(垂直)特性的,因此vertical-align对它们不起作用。

    单行垂直居中,我们可以设置它的实际高度height和所在行的高度line-height相等。

    所以,你这里height:40px;再补充line-height:40px;就可以。

    always... 回复慕粉1470...

    b( ̄▽ ̄)dφ(゜▽゜*)♪o(* ̄▽ ̄*)ブ

    2016-10-04 18:04:28

    共 3 条回复 >

  • ParaPeng
    2016-10-04 11:17:09

        padding

        line-height

    任意设置一个就可以了


    always...

    设置了padding-top:20px;背景方框高度也增加了(原先设置的height:40px;); 设置line-height:2.5em;效果还好

    2016-10-04 11:42:09

    共 2 条回复 >

  • Crazier123yanyu
    2016-10-04 11:02:46

    div{text-align:center;}

    always...

    不行啊,在<style></style>中,加了div{text-align:center;}还是不能居中到背景中央/(ㄒoㄒ)/~~

    2016-10-04 11:18:08

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1228524 学习 · 19002 问题

查看课程

相似问题