首页 > 解决方案 > 中心

问题描述

我找到了解决方案:我删除display: inline-block;了,因为我只从这个http://www.dynamicdrive.com/forums/showthread.php?66277-border-only-around-text-not-full-container-width

我反而做了:

width: 300px;因为文本的长度是 300 像素然后margin: auto;工作(当我这样做时它没有工作display: inline-block;。)现在它的边框没有覆盖太多空间并且它居中

感谢所有试图帮助的人


我希望边框不要占用太多不必要的空间,只需覆盖文本即可。所以我用了 display: inline-block;

它看起来像什么display: inline-block;

但它没有居中,所以我放了margin-left: 550px;and margin-right: 550px;

它的边距看起来如何

现在它居中,但是当我调整浏览器大小时它会中断,并且它可能在不同分辨率的显示器上偏离中心。我如何让它像“1234”(下面的文字)一样可以调整大小?

调整浏览器大小时的图像

先感谢您。

标签: htmlcss

解决方案


margin: 0 auto;

为边距添加 css,可能您还需要设置宽度


推荐阅读