DIV标签里面IMG图片下方留有空白怎么办 PetitQ HTML/CSS 2019-6-13 1.35K 0 0 我们很多个人博客网站都会广告位投放一些图片广告,在网页设计中,图片是不可缺少的素材,但是在div标签里面放入img图片的话,有时候会在图片的下方出现一行空间的区域,如果单纯的图片不醒目或是图片所在的位置不重要的话,我们可以不去理会,…
DIV标签里面IMG图片下方留有空白怎么办 PetitQ HTML/CSS 2019-6-13 1.35K 0 0 我们很多个人博客网站都会广告位投放一些图片广告,在网页设计中,图片是不可缺少的素材,但是在div标签里面放入img图片的话,有时候会在图片的下方出现一行空间的区域,如果单纯的图片不醒目或是图片所在的位置不重要的话,我们可以不去理会,…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.21K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.21K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
用CSS让字体在一行内显示不换行 PetitQ HTML/CSS 2018-11-08 2K 0 0 当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢?用CSS让文字在一行内显示不换行的方法,一般的文字截断(适用于内联与块): .text-overflow{ display:b…
用CSS让字体在一行内显示不换行 PetitQ HTML/CSS 2018-11-08 2K 0 0 当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢?用CSS让文字在一行内显示不换行的方法,一般的文字截断(适用于内联与块): .text-overflow{ display:b…
iframe 嵌入网页自动延伸高度保持嵌入网页高度 PetitQ HTML/CSS 2018-12-10 1.48K 0 1 平时我们或许会在一个网页中镶入一个可以不固定高度的网页,我们需要让框架随着镶入网页的高度从而增加高度,以下代码可以解决不支持自动扩展高度的问题。
iframe 嵌入网页自动延伸高度保持嵌入网页高度 PetitQ HTML/CSS 2018-12-10 1.48K 0 1 平时我们或许会在一个网页中镶入一个可以不固定高度的网页,我们需要让框架随着镶入网页的高度从而增加高度,以下代码可以解决不支持自动扩展高度的问题。
解决absolute绝对定位高度塌陷无法撑开父元素 PetitQ HTML/CSS 2023-6-10 647 0 1 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。 解决absolute绝…
解决absolute绝对定位高度塌陷无法撑开父元素 PetitQ HTML/CSS 2023-6-10 647 0 1 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。 解决absolute绝…
给菜单中UL下的某一个或某几个LI添加自定义类 PetitQ HTML/CSS 2020-3-31 1.23K 0 0 我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四…
给菜单中UL下的某一个或某几个LI添加自定义类 PetitQ HTML/CSS 2020-3-31 1.23K 0 0 我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四…
font-face 字体文件跨域解决办法字体跨域 PetitQ HTML/CSS 2021-9-19 1.28K 0 0 开发网站的时候经常会调用不同域名下的字体文件(同源策略禁止读取位于ttf文件),但是出现无限的情况,提示如下:已拦截跨源请求: 同源策略禁止读取位于 https://www.22vd.com/fonts/fontawesome-we…
font-face 字体文件跨域解决办法字体跨域 PetitQ HTML/CSS 2021-9-19 1.28K 0 0 开发网站的时候经常会调用不同域名下的字体文件(同源策略禁止读取位于ttf文件),但是出现无限的情况,提示如下:已拦截跨源请求: 同源策略禁止读取位于 https://www.22vd.com/fonts/fontawesome-we…
jQuery 检测字符串是否含有中文 PetitQ HTML/CSS 2020-9-15 762 0 0 我们做好网站之后,如果网站前台有提交表单,经常会出现被恶意发布信息。而且内容都英文,这时,我们可以通过jQuery检测字符串是否含有中文来解决这些垃圾留言,jQuery检测字符串是否含有中文代码很简单: //判断字符串是不是中文 S…
jQuery 检测字符串是否含有中文 PetitQ HTML/CSS 2020-9-15 762 0 0 我们做好网站之后,如果网站前台有提交表单,经常会出现被恶意发布信息。而且内容都英文,这时,我们可以通过jQuery检测字符串是否含有中文来解决这些垃圾留言,jQuery检测字符串是否含有中文代码很简单: //判断字符串是不是中文 S…
通过css在网页中实现容器内元素横向滚动 PetitQ HTML/CSS 2022-9-26 758 0 0 网页中元素默认是纵向排列的,我们可以通过css属性将容器内子元素实现横向排列,超出隐藏,并可以横向滚动。 基础结构如下: 1 2 3 4 5 . . . item可以根据实际需要增加更多 横向浮动,隐藏,滑动相关css如下: .it…
通过css在网页中实现容器内元素横向滚动 PetitQ HTML/CSS 2022-9-26 758 0 0 网页中元素默认是纵向排列的,我们可以通过css属性将容器内子元素实现横向排列,超出隐藏,并可以横向滚动。 基础结构如下: 1 2 3 4 5 . . . item可以根据实际需要增加更多 横向浮动,隐藏,滑动相关css如下: .it…
CSS3判断横屏竖屏方式(三种) PetitQ HTML/CSS 2018-11-11 2.53K 0 1 很多时候,为了让手机版横竖屏时有一个理想的效果,我们都需要通过判断区间来设定相应的css样式,现在的CSS3推出了一个可以判断手机横竖屏的媒体查询。在做移动端页面的时候经常会遇到需要判断横屏还是竖屏,下面将目前已知的通过HTML,C…
CSS3判断横屏竖屏方式(三种) PetitQ HTML/CSS 2018-11-11 2.53K 0 1 很多时候,为了让手机版横竖屏时有一个理想的效果,我们都需要通过判断区间来设定相应的css样式,现在的CSS3推出了一个可以判断手机横竖屏的媒体查询。在做移动端页面的时候经常会遇到需要判断横屏还是竖屏,下面将目前已知的通过HTML,C…
半小时学会正则表达式(上) PetitQ HTML/CSS 2019-11-20 1.08K 0 0 正则表达式(Regular Expression)在代码中常常简写为regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正…
半小时学会正则表达式(上) PetitQ HTML/CSS 2019-11-20 1.08K 0 0 正则表达式(Regular Expression)在代码中常常简写为regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 2.98K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 2.98K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…