<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>红颜丽人WEB前端开发 &#187; 红颜丽人</title>
	<atom:link href="http://www.hongyanliren.com/category/web%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91/feed" rel="self" type="application/rss+xml" />
	<link>http://www.hongyanliren.com</link>
	<description>追求技术就像追求#$！不抛弃，不放弃！</description>
	<lastBuildDate>Thu, 16 Mar 2023 07:48:39 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.2</generator>
		<item>
		<title>微信小程序JS字符串操作方法汇总</title>
		<link>http://www.hongyanliren.com/2022m04/41070.html</link>
		<comments>http://www.hongyanliren.com/2022m04/41070.html#comments</comments>
		<pubDate>Tue, 12 Apr 2022 08:16:48 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>
		<category><![CDATA[微信小程序]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=41070</guid>
		<description><![CDATA[微信小程序JS字符串操作方法汇总
对于字符串的切割截取平时所用可能不是特别多，而且分的比较细，所以自备自查。有备无患。

由于之前所有均在一个demo测试，若是哪里打错了，敬请谅解。一些其余属性找时间继续添加。

1.函数：split()

功能：使用一个指定的分隔符把一个字符串分割存[......]<p class='read-more'><a href='http://www.hongyanliren.com/2022m04/41070.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2022m04/41070.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE8下div嵌套时，外层div高度不随内层div高度改变的问题解决</title>
		<link>http://www.hongyanliren.com/2016m04/36298.html</link>
		<comments>http://www.hongyanliren.com/2016m04/36298.html#comments</comments>
		<pubDate>Mon, 18 Apr 2016 02:15:07 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36298</guid>
		<description><![CDATA[<h3><a href="http://blog.sina.com.cn/ljshtxx">IE8下div嵌套时，外层div高度不随内层div高度改变的问题解决</a>。</h3>
&#60;div id=”a1″&#62;

      &#60;div id=”b1″&#62;&#60;/div&#62;

       &#60;div id=”b2″&#62;&#60;/div&#62;

&#60;/di[......]<p class='read-more'><a href='http://www.hongyanliren.com/2016m04/36298.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m04/36298.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DIV嵌套时外层无法自适应高度三种解决方案</title>
		<link>http://www.hongyanliren.com/2016m04/36296.html</link>
		<comments>http://www.hongyanliren.com/2016m04/36296.html#comments</comments>
		<pubDate>Mon, 18 Apr 2016 02:14:33 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36296</guid>
		<description><![CDATA[DIV嵌套时外层无法自适应高度三种解决方案。

这里向大家描述一下解决DIV嵌套时外层（父层）无法自适应高度的方法，原本自己写的CSS代码是没有错误的，但是为什么在新版的浏览器中会发现使用DIV嵌套时外层（父层）无法自适应高度的错误，这里看一下解决方案。

如何解决DIV嵌套时外层（父层）无[......]<p class='read-more'><a href='http://www.hongyanliren.com/2016m04/36296.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m04/36296.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>div,li,span中加入span右对齐方法</title>
		<link>http://www.hongyanliren.com/2016m03/36106.html</link>
		<comments>http://www.hongyanliren.com/2016m03/36106.html#comments</comments>
		<pubDate>Thu, 31 Mar 2016 13:30:01 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36106</guid>
		<description><![CDATA[<h3>div,li,span中加入span右对齐方法</h3>
我们常常在做网站的时候会div,li,span中加入span右对齐，例如：文章列表中在我们会加入时间让它右对齐，以增加网页的可读性，如下代码：
html如下：
&#60;ul class="news"&#62;
&#60;li&#62;span右对齐,[......]<p class='read-more'><a href='http://www.hongyanliren.com/2016m03/36106.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m03/36106.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>纯CSS+DIV二级导航菜单</title>
		<link>http://www.hongyanliren.com/2016m03/36099.html</link>
		<comments>http://www.hongyanliren.com/2016m03/36099.html#comments</comments>
		<pubDate>Tue, 29 Mar 2016 03:16:08 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36099</guid>
		<description><![CDATA[纯CSS+DIV二级导航菜单

&#60;html xmlns="http://www.w3.org/1999/xhtml"&#62;
&#60;head&#62;
&#60;title&#62;&#60;/title&#62;
&#60;style type="text/css"&#62;
#menu[......]<p class='read-more'><a href='http://www.hongyanliren.com/2016m03/36099.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m03/36099.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>纯css html设计的导航条</title>
		<link>http://www.hongyanliren.com/2016m03/36096.html</link>
		<comments>http://www.hongyanliren.com/2016m03/36096.html#comments</comments>
		<pubDate>Tue, 29 Mar 2016 03:14:35 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36096</guid>
		<description><![CDATA[&#60;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&#62;
&#60;html xmlns="http:[......]<p class='read-more'><a href='http://www.hongyanliren.com/2016m03/36096.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m03/36096.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>经典DIV+CSS下拉菜单</title>
		<link>http://www.hongyanliren.com/2016m03/36092.html</link>
		<comments>http://www.hongyanliren.com/2016m03/36092.html#comments</comments>
		<pubDate>Tue, 29 Mar 2016 03:13:44 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36092</guid>
		<description><![CDATA[<h1><a href="http://www.divcss5.com/template/m101.shtml">经典DIV+CSS下拉菜单</a></h1>
符合<a href="http://www.divcss5.com/w3c/">WEB标准</a>的<strong>CSS下拉导航菜单布局</strong>及<strong>css下拉菜单模板</strong>
<h1></h1>
<a href="http://www.divcss5.com/">Css</a>下拉菜单样式图
<img alt="css下拉菜单图" src="http://www.hongyanliren.com/wp-content/uploads/2016/03/1_100415093716_1.png" width="430" />
<h1></h1>
<a href="http://www.divcss5.com/">DIV+CSS</a>下拉菜单样式图
<img alt="div+css下拉菜单样式演示图" src="http://www.hongyanliren.com/wp-content/uploads/2016/03/1_100415093755_1.png" width="430" />
<h1></h1>
<a href="http://www.divcss5.com/html/h26.shtml">Html源代码</a>
<h1></h1>
<ol>
	<li>&#60;ul id="nav"&#62;</li>
	<li>&#60;li&#62;&#60;a href="http://w[......]</li></ol><p class='read-more'><a href='http://www.hongyanliren.com/2016m03/36092.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m03/36092.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>创建一个纯CSS下拉菜单html导航条设计</title>
		<link>http://www.hongyanliren.com/2016m03/36089.html</link>
		<comments>http://www.hongyanliren.com/2016m03/36089.html#comments</comments>
		<pubDate>Tue, 29 Mar 2016 03:12:37 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36089</guid>
		<description><![CDATA[创建一个纯CSS下拉菜单。<img alt="创建一个纯CSS下拉菜单316" src="http://www.hongyanliren.com/wp-content/uploads/2016/03/122_3107ccc6f0a51f0230b6fe90f4a62607.jpg" />
<pre>我们将创建两个子类别特性,父悬停激活链接。
第一级sub-links主要出现在导航栏,然后第二个级的链接从第一个下拉飞出水平。

HTML</pre>
<div>
<div id="highlighter_648914">




<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
<div>13</div>
<div>14</div>
<div>15[......]</div></div></div><p class='read-more'><a href='http://www.hongyanliren.com/2016m03/36089.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m03/36089.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>css li 超出隐藏代码</title>
		<link>http://www.hongyanliren.com/2016m03/36016.html</link>
		<comments>http://www.hongyanliren.com/2016m03/36016.html#comments</comments>
		<pubDate>Wed, 23 Mar 2016 03:04:22 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36016</guid>
		<description><![CDATA[css li 超出隐藏代码

我们常常希望列表中的内容，超过设置的长度的时候，不要撑开父元素，也不希望它直接换行；我们更愿意让其超过部分用省略号来代替。而在title标签中，置放的是完整的标题。

这样的方法新手们常常不知道该如何搞定。下面就是方法的演示。不过请注意此方法适用与IE与OP浏览[......]<p class='read-more'><a href='http://www.hongyanliren.com/2016m03/36016.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m03/36016.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>标签中显示文字强制不换行，大于li宽度自动隐藏文字方法！</title>
		<link>http://www.hongyanliren.com/2016m03/36014.html</link>
		<comments>http://www.hongyanliren.com/2016m03/36014.html#comments</comments>
		<pubDate>Wed, 23 Mar 2016 03:03:45 +0000</pubDate>
		<dc:creator>Quan</dc:creator>
				<category><![CDATA[WEB前端开发]]></category>

		<guid isPermaLink="false">http://www.hongyanliren.com/?p=36014</guid>
		<description><![CDATA[&#60;li&#62;标签中显示文字强制不换行，大于li宽度自动隐藏文字方法！

li{
display:block;
font-size:14px;
height:16px;
line-height:16px;
width:330px;
white-space:nowrap; //强[......]<p class='read-more'><a href='http://www.hongyanliren.com/2016m03/36014.html'>Read more</a></p>]]></description>
		<wfw:commentRss>http://www.hongyanliren.com/2016m03/36014.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
