随笔分类 -  HTML and CSS

在网页中插入百度地图
摘要：如果想在自己的网页上面加入百度地图的话，可以用百度地图的api.具体使用方法如下： 第一步：进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/，搜索出自己要展示的位置，如下图所示。 第二步：设置地图，大家可以对网站显示地图的宽高进行设置，其余选项不动。第三步：添加标注。点击第一个图标后，在右侧找到自己的位置，单击鼠标左键可定位。标记图标处可更换图标形状，名称和备注填入位置相关信息。第四步：获取代码。将代码贴到你的网页里就OK了。代码如下： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 阅读全文
posted @ 2013-04-10 23:44 残剑_ 阅读(4656) 评论(5) 推荐(2) 编辑
绝对定位的div的居中方法，下面的写法兼容IE系列浏览器和火狐浏览器。
摘要：详细解说，直接看样式：#dingwei{padding:10px;background-color:#003300;color:#FFFFFF;width:600px;height:300px;display:block;position: absolute;top:50%;left:50%;margin-left:-300px;margin-top:-150px;}padding:10px;background-color:#003300;color:#FFFFFF; 这几句都是装饰性的东西不是核心；width:600px;height:300px; DIV总的有个宽高吧，根据你的具体情况设 阅读全文
posted @ 2012-12-24 10:07 残剑_ 阅读(2113) 评论(0) 推荐(0) 编辑
IE下margin:0 auto不居中解决方法
摘要：正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。如下代码:<style type="text/css">#con{width:980px;martin:0 auto;}</style><div id="con">margin: 0 auto 内容居中显示</div>解决方法一可以是对网页主体<body>声明文本居中，即body{text-align:center}即 阅读全文
posted @ 2012-12-24 10:05 残剑_ 阅读(375) 评论(0) 推荐(0) 编辑
span 换行与不换行
摘要：相信很多朋友在设置span里面的内容有背景的时候会遇到如下问题：1、设为display:block可以解决有背景，但换行，因block属性原因，必会换行2、不用display:block背景便不会全部显示出来3、float:left也不好用4、有的只好用定位，较麻烦解决办法：把display设置为：inline-block 阅读全文
posted @ 2012-08-21 12:28 残剑_ 阅读(5145) 评论(0) 推荐(0) 编辑