comeonbabe_
2017-06-05 13:03
采纳率: 63.6%
浏览 4.3k
已采纳

关于html的文字上下居中问题

我想让文字段

在div中居中,我给了p一个margin:auto 15px;但是左右是居中了上下没有居中。我有考虑过用text-align居中,但是那个最后面的那句话没有向左对齐而是跟着居中了,格式也不对啊,请教各位怎样达到我想的那种效果,就是段落格式还是原有的,只不过上下要居中

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • 甜心❤宝贝 2017-06-05 13:18
    已采纳

    居中显示文字段
    <br> *{<br> margin:0px;<br> padding:0px;<br> }<br> div{<br> margin:0 auto;<br> text-align:center;<br> height:500px;<br> border:1px red solid ;<br> }<br> p{<br> position:relative;<br> top:50%;<br> }<br>



    你好,我是King-G!
    这是一小段话

    </div>
    

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 甜心❤宝贝 2017-06-05 13:25

    图片说明

    评论
    解决 无用
    打赏 举报
  • KFPA 2017-06-06 01:04

    先用left竖向让文本框向左对齐,然后用text-align让文本框中的文字居中就可以了!

    评论
    解决 无用
    打赏 举报
  • 前端○萌妹 2017-06-06 02:15

    贴出你想要的效果图,OK?

    评论
    解决 无用
    打赏 举报
  • himushroom 2017-06-06 02:25

    _____________css

            .box{
                display: flex;
                justify-content: center;
                align-items: center;
                width: 500px;
                height: 500px;
                border: 5px solid pink;
                margin: auto;
            }
            p{
                width: 300px;
            }
    

    ___________html

        <div class='box'><p>...</p></div>
    

    图片说明

    除了flex布局 也可以用绝对定位+transfrom来实现,其实就是将p标签上下左右居中,和块级元素居中的道理都是一样的

    评论
    解决 无用
    打赏 举报
  • newlinfeng 2017-06-08 10:35

    将margin的四个值一一设出来。、。。。。。

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题