<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[NengHong的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/NengHong</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; NengHong]]></copyright><item><title><![CDATA[JS 判断浏览器的版本]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89880956</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89880956</guid><author>NengHong</author><pubDate>Mon, 06 May 2019 13:42:23 +0800</pubDate><description><![CDATA[不考虑对 IE9 以下浏览器的判断

function myBrowser(){
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    var browser='unknown';
    if (userAgent.indexOf("IE")!=-1) {
        browser="IE";
    }els...]]></description><category></category></item><item><title><![CDATA[HBuilder 中 LESS 自动编译为 CSS 的方法]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89878990</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89878990</guid><author>NengHong</author><pubDate>Mon, 06 May 2019 11:33:08 +0800</pubDate><description><![CDATA[之前介绍了webstorm 中 LESS 自动编译为 CSS 的两种方法 ， 接下来介绍在 HBuilder 中 LESS 自动编译为 CSS 的方法。


此方法也需要用到 node 环境


通过 npm 工具包安装 less，命令行 npm install less -g；通过命令 lessc 测试less是否安装成功


在 HBuilder 中打开 "工具" → "预编译器设置"，新建...]]></description><category></category></item><item><title><![CDATA[webstorm 中 LESS 自动编译为 CSS 的两种方法]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89874543</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89874543</guid><author>NengHong</author><pubDate>Mon, 06 May 2019 11:18:22 +0800</pubDate><description><![CDATA[方法一

通过 npm 工具包安装 less，命令行 npm install less -g；通过命令 lessc（配置环境变量 E:\npm）测试less是否安装成功


在此之前需安装 nodejs ，查看nodejs和npm的版本，命令行如下：
node -v
npm -v
如何把less文件编译成css文件：
a.命令行的方式
Lessc lnh.less &gt; lnh.css
b.在...]]></description><category></category></item><item><title><![CDATA[将 iframe 自动适应整个页面]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89874389</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89874389</guid><author>NengHong</author><pubDate>Mon, 06 May 2019 09:36:19 +0800</pubDate><description><![CDATA[通过 js 来控制 iframe 的高度，监听浏览器被重置大小时的 onresize 事件，对 iframe 的高度重新赋值。
引入 jquery.min.js
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head lang="en"&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-U...]]></description><category></category></item><item><title><![CDATA[移动端轮播图，自动切换 - swiper插件]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89850546</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89850546</guid><author>NengHong</author><pubDate>Sun, 05 May 2019 17:07:11 +0800</pubDate><description><![CDATA[移动端轮播图使用的 swiper 插件，版本是 Swiper 4.5.0
首先引入 swiper.min.css 以及 swiper.min.js
在 html 中，搭好模板
&lt;div class="swiper-container"&gt;
     &lt;div class="swiper-wrapper"&gt;
         &lt;div class="swiper-slid...]]></description><category></category></item><item><title><![CDATA[文字单行滚动DEMO]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89850131</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89850131</guid><author>NengHong</author><pubDate>Sun, 05 May 2019 16:58:29 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt; 
&lt;html&gt; 
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;"&gt;
	&lt...]]></description><category></category></item><item><title><![CDATA[去除 input 默认样式]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89849003</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89849003</guid><author>NengHong</author><pubDate>Sun, 05 May 2019 16:39:45 +0800</pubDate><description><![CDATA[input {
    border: 0;
}
input:focus {
    outline: none;
}


]]></description><category></category></item><item><title><![CDATA[flex 布局常用属性]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89848754</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89848754</guid><author>NengHong</author><pubDate>Sun, 05 May 2019 16:36:20 +0800</pubDate><description><![CDATA[针对个人使用弹性布局 display: flex; 的频繁属性进行总结：

flex-direction -  主轴方向，默认是横向的 row，纵向为 column
justify-content -  项目在主轴上的对齐方式， 默认是 flex-start ，常用的 center 、space-between、space-around
align-items - 项目在交叉轴上的对齐方式，默认是...]]></description><category></category></item><item><title><![CDATA[CSS 移动端导航固定于底部]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/89847967</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/89847967</guid><author>NengHong</author><pubDate>Sun, 05 May 2019 16:08:25 +0800</pubDate><description><![CDATA[html 如下：
&lt;div class="index"&gt;
    &lt;!--主要内容部分--&gt;
    &lt;div class="g-main"&gt;
        
    &lt;/div&gt;
    &lt;!--底部导航--&gt;
    &lt;div class="g-foot"&gt;
        &lt;div class="m-item"&...]]></description><category></category></item><item><title><![CDATA[CSS 文本溢出显示省略号]]></title><link>https://blog.youkuaiyun.com/NengHong/article/details/81508232</link><guid>https://blog.youkuaiyun.com/NengHong/article/details/81508232</guid><author>NengHong</author><pubDate>Wed, 08 Aug 2018 14:56:19 +0800</pubDate><description><![CDATA[文本溢出显示省略号



针对一般的容器



.overflowTest {
    overflow: hidden; 
    width: 200px; /*定义容器的宽度*/
    text-overflow: ellipsis; 
    white-space: nowrap;
}

针对table中的td



table{
    table-layout: fixed; /*...]]></description><category></category></item></channel></rss>