当前位置:  开发笔记 > 编程语言 > 正文

在网页中缩小单列文本

如何解决《在网页中缩小单列文本》经验,为你挑选了2个好方法。

我正在制作一个非常简单的html网页,仅包含文字.如何缩小单列以使读者更容易阅读?

我希望文本正文大致位于页面的中心并保持对齐,左边和右边的空白边距(大致相等).



1> Daniel Earwi..:

通过将文本放在带有样式的DIV中来控制宽度:

Text goes here.

根据安吉拉在评论中提出的建议,以中心为中心:

Text goes here.
And another line which is much longer.



2> Matthew Jame..:

完整的跨浏览器解决方案

html:

CSS:

body {
   text-align:center; /* this is required for old versions of IE */
}
#centered {
   width:400px; /* this is the width of the center column (px, em or %) */
   text-align:left; /*resets the text alignment back to left */
   margin:0 auto; /* auto centers the div in standards complaint browsers */
}

就是这样,享受吧!

推荐阅读
mobiledu2402851203
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有