html – 如果单行居中,但如果是多行则不居中_html-js-css

概述是否可以水平居中对齐一些文本,如果它适合单行,但不做中心对齐并做白色空间：正常,如果它占用多行(最好,但不一定,没有 javascript)？这是一个HTML CSS解决方案. 技巧是： >在里面有显示：内联框;属性因此它将缩小到其内容的大小. >有text-align：center所以如果的大小将居中小于的宽度. >< span 是否可以水平居中对齐一些文本,如果它适合单行,但不做中心对齐并做白色空间：正常,如果它占用多行(最好,但不一定,没有 javascript)？解决方法这是一个HTML CSS解决方案.

技巧是：

>在里面有显示：内联框;属性因此它将缩小到其内容的大小.
>有text-align：center所以如果的大小将居中小于的宽度.
>具有text-align：left,因此文本实际上是左对齐的.

<!DOCTYPE HTML> <HTML>    <head>        <Title>Center</Title>        <style type="text/CSS">            .big-Box {                text-align: center;                wIDth: 40em;                border: 1px solID red;            }            .center-if-single-line {                text-align: left;                display: inline-block;                border: 1px solID blue;            }        </style>    </head>    <body>        <div>            <h1>Small</h1>            <p >                <span >                    All your line are belong to us!                </span>            </p>            <h1>Big</h1>            <p >                <span >                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                    All your line are belong to us!                </span>            </p>        </div>    </body></HTML>

总结

以上是内存溢出为你收集整理的html – 如果单行居中,但如果是多行则不居中全部内容，希望文章能够帮你解决html – 如果单行居中,但如果是多行则不居中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1063042.html