CSS常见问题一(span文字如何居中)

html-css011

CSS常见问题一(span文字如何居中),第1张

如果span 设置了 height

那么 直接 使用 line-height与设置的height 值相同即可以实现垂直居中,例如:

html中:

然后在css中:

即可实现span中,“这里是文字” 部分文字内容的垂直居中。

比使用padding-top 的兼容性和效果多要好很多。

你好,您说的问题呢,一般有两种情况:

1.在一个大的div里面,显示文章或新闻情况下,如果文字太多,需要自动换行和区域还要固定大小,一般这样处理:

在对应的div的css里面加入:

word-wrap:break-word /*** 自动换行 ***/

overflow:hidden /*** 自动隐藏超出部分 ***/

2.还有一种情况也比较常见就像在边栏的显示文章标题的情况或者是文章简介的区域,如果内容太长也会超出,影响用户体验,我们一般这样处理:

在对应的css里面加入:

text-overflow:ellipsis

white-space:nowrap

overflow:hidden

效果是:在ie下超出的部分会自动隐藏并且显示成省略号;在ff下不显示省略号,但也自动隐藏

不知道以上的方案对您有没有帮助,我们是UEDChina组的!希望对您有所帮助!:-)

首先说,网页真不错!如果在图片上面放文字的话,用div标签吧。设置标签position: absolute/*绝对位置*/ ,然后用margin-left: -20pxmargin-top: 280px这两个来调整位置吧。但是这个方法有个缺陷,就是会跟随窗体大小而发生位置变化。