分类: Css+Div预览模式: 普通 | 列表
      自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,现在总结一下CSS如何实现换行的方法,只要在CSS中定义了如下句子,可保网页不会再被撑开了。

      对于div,p等块级元素
      正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行。

查看更多...

Tags: css div TABLE 自动换行

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 473

临时性解决IE8兼容问题的三种方法

      之前我们说过《一句话搞定IE8兼容》,那只是今天这篇文章中的其中一种方法,这篇文章讲了三种最简单的方法解决ie8兼容问题,当然这只是最简单的方法解决了兼容问题,而不是从根本上解决了兼容问题。众所周之,符合编码规范才能真正解决浏览器兼容问题。

      方法一、要在页面中加入如下HTTP meta-tag:
程序代码 程序代码
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

查看更多...

Tags: IE8 兼容

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 135

一句话搞定IE8兼容

      IE8已经发布很长一段时间了,这个号称符合标准最好的浏览器导致以前在IE6下面显示很好的网站在IE8下面显示乱七八糟的,毕竟以前的网站对标准这个东西都没有注重,现在重构耽误时间,虽然浏览器上面有以兼容模式显示的这个按钮,但对电脑不了解的朋友们还是稍显麻烦,有没有一个比较简单的办法“临时”兼容呢?

    当然有,把这句话加进去吧!!
程序代码 程序代码
<meta http-equiv="x-ua-compatible" content="ie=7" />


      把这段代码复制到<head>和</head>之间就可以了,这是让IE8以IE7/IE6的兼容模式来解析网页代码,不过要注意一点的是,这段代码对FF浏览器没有效果,所以这个是“临时”兼容,要想更好的跨浏览器的话,还是符合标准的写代码吧,这样一劳永逸,就算修改,工作量也少了很多!

查看更多...

Tags: IE8 兼容

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 159

Div高度随窗口变化而变化

      在有些页面制作中要求高度也随浏览器的高度变化而变化,多半我们是用js来实现这个功能,今天在网上看了一个用css写的,虽然自己没有怎么用过,但相信有朋友能够用到这个方法,让我们来看看吧!

      可以在IE6、IE7与FF中,自由的调整浏览器窗口的高度。即可看到DIV高度上的变化。

程序代码 程序代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

查看更多...

Tags: div 高度

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 248
      IE8正式已经发布,对于网页设计者来说,在不开启IE8的兼容模式下,网站能否正常显示成了一个需要注意的问题,虽然IE8号称更加符合标准,但还是会出现局部显示不正确的bug,本站以前提供过一次有关于IE8的Hack,见《IE6、IE7、IE8、FF的简单Hack》,发现那里面提供的有关IE8那个hack好像并不起作用,本文提供一个可以同时区分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks,方便在IE8下局部显示不正确的时候进行调整,避免重写CSS,经过测试,这种IE8 的hacks可用。

查看更多...

Tags: IE6 IE7 IE8 Firefox2 Firefox3 css hacks

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 330

用CSS制作带图标的多级菜单导航条

      导航菜单分多级的办法很好解决了分类详细,项目众多的网站导航,利用层和样式表也就是CSS+DIV打造的二级菜单甚至是多级菜单也数不胜数,今天就给大家提供一个用样式表CSS来制作的一个效果不错的多级带图标的导航条!

    

查看更多...

Tags: css 图标 多级菜单 导航菜单 下拉菜单

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 666

CSS制作Vista风格二级菜单

      Vista虽然没有微软预期的那样成为完全替代Windows XP的操作系统,但其华丽的界面还是深入人心,现在越来越多的软件界面,网页风格,小到按钮、导航的样式,都在尽可能的模仿Vista那华丽的界面风格,今天给大家展示的就是一种用CSS制作的仿Vista风格的一个二级菜单!

    

查看更多...

Tags: css Vista 二级菜单 导航菜单

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 345

DIV+CSS打造环形图片导航菜单

      一个利用css+div打造的环形图片导航菜单,可用于简洁有特点的网站首页,或那种只有一个导航作为引导页的那种页面,这种菜单相对Flash制作的环形菜单来说,对搜索引擎更加友好!

    

查看更多...

Tags: div css 图片导航 导航菜单

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 444

CSS+DIV 二级竖向导航菜单

      CSS+DIV的网站结构是越来越多了,利用DIV+CSS制作的二级导航菜单甚至是多级的导航菜单的使用也越来越普遍,今天就给大家提供一个效果还不错的利用Div+Css制作的二级竖向导航菜单,希望大家喜欢!

    

查看更多...

Tags: css div 二级菜单 导航菜单 Menu Dro&#112;_Down Menu

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 906
    当单行文本的长度超过box模型之后,虽然有方法将超出部分隐藏起来,但浏览者往往感觉语句不完整,在截断的文本后面加上省略号,可以很好的告诉浏览者后面还有内容,只是出于显示宽度的限制,无法完全显示出来,那么要想实现这样的效果,需要什么样的CSS呢?

查看更多...

Tags: css 单行文本 省略号

分类:Css+Div | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 745