其实,百度下PHP汉字转拼音有很多代码,找了一个Class类,可能是较早的,目前只发现,囧,这个字转不出来
- <?php
- /*
- 汉字转化为拼音类
- */
- class Pinyin{
- /**
- * 汉字ASCII码库
- *
- * @var array
- */
- protected $lib;
- /**
- * 构造函数
- *
- * @return void
- */
- public function __construct(){
- }
- /**
- * 汉字转化并输出拼音
- *
- * @param string $str 所要转化拼音的汉字
- * @param boolean $utf8 汉字编码是否为utf8
- * @return string
- */
- public function output($str, $utf8 = true)
- {
- //参数分析
- if (!$str) {
- return false;
- }
- //编码转换.
- $str = ($utf8==true) ? $this->iconvStr(‘utf-8’, ‘gbk’, $str) : $str;
- $num = strlen($str);
- $pinyin = ”;
- for ($i=0; $i<$num; $i++) {
- $temp = ord(substr($str, $i, 1));
- if ($temp>160) {
- $temp2=ord(substr($str,++$i,1));
- $temp=$temp*256+$temp2-65536;
- }
- $pinyin .= $this->num2str($temp);
- }
- //输出的拼音编码转换.
- return ($utf8==true) ? $this->iconvStr(‘gbk’, ‘utf-8’, $pinyin) : $pinyin;
- }
- /**
- * 将ASCII编码转化为字符串.
- *
- * @param integer $num
- * @return string
- */
- protected function num2str($num) {
- if (!$this->lib) {
- $this->parse_lib();
- }
- if ($num>0&&$num<160) {
- return chr($num);
- } elseif($num<-20319||$num>-10247) {
- return ”;
- } else{
- $total =sizeof($this->lib)-1;
- for($i=$total; $i>=0; $i–) {
- if($this->lib[$i][1]<=$num) {
- break;
- }
- }
- return $this->lib[$i][0];
- }
- }
- /**
- * 返回汉字编码库
- *
- * @return array
- */
- protected function parse_lib() {
- return $this->lib = array(
- array(“a”,-20319),
- array(“ai”,-20317),
- array(“an”,-20304),
- array(“ang”,-20295),
- array(“ao”,-20292),
- array(“ba”,-20283),
- array(“bai”,-20265),
- array(“ban”,-20257),
- array(“bang”,-20242),
- array(“bao”,-20230),
- array(“bei”,-20051),
- array(“ben”,-20036),
- array(“beng”,-20032),
- array(“bi”,-20026),
- array(“bian”,-20002),
- array(“biao”,-19990),
- array(“bie”,-19986),
- array(“bin”,-19982),
- array(“bing”,-19976),
- array(“bo”,-19805),
- array(“bu”,-19784),
- array(“ca”,-19775),
- array(“cai”,-19774),
- array(“can”,-19763),
- array(“cang”,-19756),
- array(“cao”,-19751),
- array(“ce”,-19746),
- array(“ceng”,-19741),
- array(“cha”,-19739),
- array(“chai”,-19728),
- array(“chan”,-19725),
- array(“chang”,-19715),
- array(“chao”,-19540),
- array(“che”,-19531),
- array(“chen”,-19525),
- array(“cheng”,-19515),
- array(“chi”,-19500),
- array(“chong”,-19484),
- array(“chou”,-19479),
- array(“chu”,-19467),
- array(“chuai”,-19289),
- array(“chuan”,-19288),
- array(“chuang”,-19281),
- array(“chui”,-19275),
- array(“chun”,-19270),
- array(“chuo”,-19263),
- array(“ci”,-19261),
- array(“cong”,-19249),
- array(“cou”,-19243),
- array(“cu”,-19242),
- array(“cuan”,-19238),
- array(“cui”,-19235),
- array(“cun”,-19227),
- array(“cuo”,-19224),
- array(“da”,-19218),
- array(“dai”,-19212),
- array(“dan”,-19038),
- array(“dang”,-19023),
- array(“dao”,-19018),
- array(“de”,-19006),
- array(“deng”,-19003),
- array(“di”,-18996),
- array(“dian”,-18977),
- array(“diao”,-18961),
- array(“die”,-18952),
- array(“ding”,-18783),
- array(“diu”,-18774),
- array(“dong”,-18773),
- array(“dou”,-18763),
- array(“du”,-18756),
- array(“duan”,-18741),
- array(“dui”,-18735),
- array(“dun”,-18731),
- array(“duo”,-18722),
- array(“e”,-18710),
- array(“en”,-18697),
- array(“er”,-18696),
- array(“fa”,-18526),
- array(“fan”,-18518),
- array(“fang”,-18501),
- array(“fei”,-18490),
- array(“fen”,-18478),
- array(“feng”,-18463),
- array(“fo”,-18448),
- array(“fou”,-18447),
- array(“fu”,-18446),
- array(“ga”,-18239),
- array(“gai”,-18237),
- array(“gan”,-18231),
- array(“gang”,-18220),
- array(“gao”,-18211),
- array(“ge”,-18201),
- array(“gei”,-18184),
- array(“gen”,-18183),
- array(“geng”,-18181),
- array(“gong”,-18012),
- array(“gou”,-17997),
- array(“gu”,-17988),
- array(“gua”,-17970),
- array(“guai”,-17964),
- array(“guan”,-17961),
- array(“guang”,-17950),
- array(“gui”,-17947),
- array(“gun”,-17931),
- array(“guo”,-17928),
- array(“ha”,-17922),
- array(“hai”,-17759),
- array(“han”,-17752),
- array(“hang”,-17733),
- array(“hao”,-17730),
- array(“he”,-17721),
- array(“hei”,-17703),
- array(“hen”,-17701),
- array(“heng”,-17697),
- array(“hong”,-17692),
- array(“hou”,-17683),
- array(“hu”,-17676),
- array(“hua”,-17496),
- array(“huai”,-17487),
- array(“huan”,-17482),
- array(“huang”,-17468),
- array(“hui”,-17454),
- array(“hun”,-17433),
- array(“huo”,-17427),
- array(“ji”,-17417),
- array(“jia”,-17202),
- array(“jian”,-17185),
- array(“jiang”,-16983),
- array(“jiao”,-16970),
- array(“jie”,-16942),
- array(“jin”,-16915),
- array(“jing”,-16733),
- array(“jiong”,-16708),
- array(“jiu”,-16706),
- array(“ju”,-16689),
- array(“juan”,-16664),
- array(“jue”,-16657),
- array(“jun”,-16647),
- array(“ka”,-16474),
- array(“kai”,-16470),
- array(“kan”,-16465),
- array(“kang”,-16459),
- array(“kao”,-16452),
- array(“ke”,-16448),
- array(“ken”,-16433),
- array(“keng”,-16429),
- array(“kong”,-16427),
- array(“kou”,-16423),
- array(“ku”,-16419),
- array(“kua”,-16412),
- array(“kuai”,-16407),
- array(“kuan”,-16403),
- array(“kuang”,-16401),
- array(“kui”,-16393),
- array(“kun”,-16220),
- array(“kuo”,-16216),
- array(“la”,-16212),
- array(“lai”,-16205),
- array(“lan”,-16202),
- array(“lang”,-16187),
- array(“lao”,-16180),
- array(“le”,-16171),
- array(“lei”,-16169),
- array(“leng”,-16158),
- array(“li”,-16155),
- array(“lia”,-15959),
- array(“lian”,-15958),
- array(“liang”,-15944),
- array(“liao”,-15933),
- array(“lie”,-15920),
- array(“lin”,-15915),
- array(“ling”,-15903),
- array(“liu”,-15889),
- array(“long”,-15878),
- array(“lou”,-15707),
- array(“lu”,-15701),
- array(“lv”,-15681),
- array(“luan”,-15667),
- array(“lue”,-15661),
- array(“lun”,-15659),
- array(“luo”,-15652),
- array(“ma”,-15640),
- array(“mai”,-15631),
- array(“man”,-15625),
- array(“mang”,-15454),
- array(“mao”,-15448),
- array(“me”,-15436),
- array(“mei”,-15435),
- array(“men”,-15419),
- array(“meng”,-15416),
- array(“mi”,-15408),
- array(“mian”,-15394),
- array(“miao”,-15385),
- array(“mie”,-15377),
- array(“min”,-15375),
- array(“ming”,-15369),
- array(“miu”,-15363),
- array(“mo”,-15362),
- array(“mou”,-15183),
- array(“mu”,-15180),
- array(“na”,-15165),
- array(“nai”,-15158),
- array(“nan”,-15153),
- array(“nang”,-15150),
- array(“nao”,-15149),
- array(“ne”,-15144),
- array(“nei”,-15143),
- array(“nen”,-15141),
- array(“neng”,-15140),
- array(“ni”,-15139),
- array(“nian”,-15128),
- array(“niang”,-15121),
- array(“niao”,-15119),
- array(“nie”,-15117),
- array(“nin”,-15110),
- array(“ning”,-15109),
- array(“niu”,-14941),
- array(“nong”,-14937),
- array(“nu”,-14933),
- array(“nv”,-14930),
- array(“nuan”,-14929),
- array(“nue”,-14928),
- array(“nuo”,-14926),
- array(“o”,-14922),
- array(“ou”,-14921),
- array(“pa”,-14914),
- array(“pai”,-14908),
- array(“pan”,-14902),
- array(“pang”,-14894),
- array(“pao”,-14889),
- array(“pei”,-14882),
- array(“pen”,-14873),
- array(“peng”,-14871),
- array(“pi”,-14857),
- array(“pian”,-14678),
- array(“piao”,-14674),
- array(“pie”,-14670),
- array(“pin”,-14668),
- array(“ping”,-14663),
- array(“po”,-14654),
- array(“pu”,-14645),
- array(“qi”,-14630),
- array(“qia”,-14594),
- array(“qian”,-14429),
- array(“qiang”,-14407),
- array(“qiao”,-14399),
- array(“qie”,-14384),
- array(“qin”,-14379),
- array(“qing”,-14368),
- array(“qiong”,-14355),
- array(“qiu”,-14353),
- array(“qu”,-14345),
- array(“quan”,-14170),
- array(“que”,-14159),
- array(“qun”,-14151),
- array(“ran”,-14149),
- array(“rang”,-14145),
- array(“rao”,-14140),
- array(“re”,-14137),
- array(“ren”,-14135),
- array(“reng”,-14125),
- array(“ri”,-14123),
- array(“rong”,-14122),
- array(“rou”,-14112),
- array(“ru”,-14109),
- array(“ruan”,-14099),
- array(“rui”,-14097),
- array(“run”,-14094),
- array(“ruo”,-14092),
- array(“sa”,-14090),
- array(“sai”,-14087),
- array(“san”,-14083),
- array(“sang”,-13917),
- array(“sao”,-13914),
- array(“se”,-13910),
- array(“sen”,-13907),
- array(“seng”,-13906),
- array(“sha”,-13905),
- array(“shai”,-13896),
- array(“shan”,-13894),
- array(“shang”,-13878),
- array(“shao”,-13870),
- array(“she”,-13859),
- array(“shen”,-13847),
- array(“sheng”,-13831),
- array(“shi”,-13658),
- array(“shou”,-13611),
- array(“shu”,-13601),
- array(“shua”,-13406),
- array(“shuai”,-13404),
- array(“shuan”,-13400),
- array(“shuang”,-13398),
- array(“shui”,-13395),
- array(“shun”,-13391),
- array(“shuo”,-13387),
- array(“si”,-13383),
- array(“song”,-13367),
- array(“sou”,-13359),
- array(“su”,-13356),
- array(“suan”,-13343),
- array(“sui”,-13340),
- array(“sun”,-13329),
- array(“suo”,-13326),
- array(“ta”,-13318),
- array(“tai”,-13147),
- array(“tan”,-13138),
- array(“tang”,-13120),
- array(“tao”,-13107),
- array(“te”,-13096),
- array(“teng”,-13095),
- array(“ti”,-13091),
- array(“tian”,-13076),
- array(“tiao”,-13068),
- array(“tie”,-13063),
- array(“ting”,-13060),
- array(“tong”,-12888),
- array(“tou”,-12875),
- array(“tu”,-12871),
- array(“tuan”,-12860),
- array(“tui”,-12858),
- array(“tun”,-12852),
- array(“tuo”,-12849),
- array(“wa”,-12838),
- array(“wai”,-12831),
- array(“wan”,-12829),
- array(“wang”,-12812),
- array(“wei”,-12802),
- array(“wen”,-12607),
- array(“weng”,-12597),
- array(“wo”,-12594),
- array(“wu”,-12585),
- array(“xi”,-12556),
- array(“xia”,-12359),
- array(“xian”,-12346),
- array(“xiang”,-12320),
- array(“xiao”,-12300),
- array(“xie”,-12120),
- array(“xin”,-12099),
- array(“xing”,-12089),
- array(“xiong”,-12074),
- array(“xiu”,-12067),
- array(“xu”,-12058),
- array(“xuan”,-12039),
- array(“xue”,-11867),
- array(“xun”,-11861),
- array(“ya”,-11847),
- array(“yan”,-11831),
- array(“yang”,-11798),
- array(“yao”,-11781),
- array(“ye”,-11604),
- array(“yi”,-11589),
- array(“yin”,-11536),
- array(“ying”,-11358),
- array(“yo”,-11340),
- array(“yo”,-11340),
- array(“yong”,-11339),
- array(“you”,-11324),
- array(“yu”,-11303),
- array(“yuan”,-11097),
- array(“yue”,-11077),
- array(“yun”,-11067),
- array(“za”,-11055),
- array(“zai”,-11052),
- array(“zan”,-11045),
- array(“zang”,-11041),
- array(“zao”,-11038),
- array(“ze”,-11024),
- array(“zei”,-11020),
- array(“zen”,-11019),
- array(“zeng”,-11018),
- array(“zha”,-11014),
- array(“zhai”,-10838),
- array(“zhan”,-10832),
- array(“zhang”,-10815),
- array(“zhao”,-10800),
- array(“zhe”,-10790),
- array(“zhen”,-10780),
- array(“zheng”,-10764),
- array(“zhi”,-10587),
- array(“zhong”,-10544),
- array(“zhou”,-10533),
- array(“zhu”,-10519),
- array(“zhua”,-10331),
- array(“zhuai”,-10329),
- array(“zhuan”,-10328),
- array(“zhuang”,-10322),
- array(“zhui”,-10315),
- array(“zhun”,-10309),
- array(“zhuo”,-10307),
- array(“zi”,-10296),
- array(“zong”,-10281),
- array(“zou”,-10274),
- array(“zu”,-10270),
- array(“zuan”,-10262),
- array(“zui”,-10260),
- array(“zun”,-10256),
- array(“zuo”,-10254),
- );
- }
- //编码转换
- protected function iconvStr($from,$to,$fContents)
- {
- if(is_string($fContents) )
- {
- if(function_exists(‘mb_convert_encoding’))
- {
- return mb_convert_encoding ($fContents, $to, $from);
- }
- else if(function_exists(‘iconv’))
- {
- return iconv($from,$to,$fContents);
- }
- else
- {
- return $fContents;
- }
- }
- }
- /**
- * 析构函数
- *
- * @access public
- * @return void
- */
- public function __destruct()
- {
- if (isset($this->lib)) {
- unset($this->lib);
- }
- }
- }
- ?>
php调用淘宝商品最近评价和详情页class类
moutaowang.com 域名备案通过(一看域名就知道,这个域名是要做淘客的了,某淘网)就装一个淘客模版,买模版。好像又不大舍得,就打算自己打打代码。
封装了一个调用淘宝商品的php class类。目前要调用商品最近评价,详情,商家ID。剩下用淘点金转链!
调用:
<?php
define(‘maidian’,’maidian’);
//@header(‘Content-type: text/html;charset=UTF-8’);
include ‘class/tao.class.php’;
$id=$_GET[‘id’];
$etao=new etao();
$code=$etao->code($id);//获取源码
if(emptyempty($code)){ //判断是否存在
echo ‘商品不存在’; //不存在输出代码
exit; //不存在退出存在继续
}
$str=$etao->econtent($id); //获取评价
$strs=$etao->dcontent($id); //获取详情
$userid=$etao->userid($id);
//$pinjia = $str->rateList; //获取评价列表数组
//var_dump($str);
//$str=substr($str,3);
//$str=str_replace(chr(13),””,$str);
//$str=str_replace(chr(10),””,$str);
//$str=str_replace(” “,””,$str);
//$json=json_decode($str);
//$error = json_last_error();
//var_dump($json, $error === JSON_ERROR_UTF8);
//var_dump($json);
//print_r($str);
//$taobao=$str->comments;
//foreach ($taobao as $list){
// $test.=$list->user->nick;
//}
//echo $str->comments[0]->user->nick;
//echo $test;
?>
<div style=“width:900px;margin:10px auto”>
<div style=“width:500px;margin:10px auto;text-align:center;”>
卖家ID:<?php echo $userid;?>
</div>
<?php if($str):?>
<?php foreach ($str as $list){;?>
<div style=“border:1px solid #F00;margin:10px 0;”>
[<?php echo $list->nick;?>][<?php echo $list->time;?>]评价说:<?php echo $list->content;?>
</div>
<?php } ?>
<?php else: ?>
<div style=“width:500px;margin:10px auto;text-align:center;”>亲,未查询到最近评价,直接到商家查看评价吧<br>
看完评价,记得回来优惠购买,才能拿到优惠哦!
</div>
<?php endif;?>
</div>
<div style=“width:900px;margin:10px auto”>
<? echo $strs;?>
</div>
随笔
·
一个很有趣的CSS3动画效果
一个很有趣的CSS3动画效果,可当过渡页,如loading!
完整代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="robots" content="noindex,follow">
<title>加载中</title>
<style>
body{font-weight:100;margin:0}body{-webkit-tap-highlight-color:transparent;background-color:#222428;font-size:100%;font-family:Open Sans;height:100%}.loader{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-mos-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;width:80%;overflow:visible}.loader,.loader div{position:absolute;height:36px}.loader div{width:30px;margin:0 10px;opacity:0;animation:move 2s linear infinite;-o-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-webkit-animation:move 2s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#fff;font-size:3em}.loader div:nth-child(8):before{background:#db2f00}.loader div:nth-child(8):before,.loader div:nth-child(9):before{content:'';position:absolute;bottom:-15px;left:0;width:30px;height:30px;border-radius:100%}.loader div:nth-child(9):before{background:#f2f2f2}.loader div:nth-child(10):before{bottom:-15px;height:30px;background:#13a3a5}.loader div:after,.loader div:nth-child(10):before{content:'';position:absolute;left:0;width:30px;border-radius:100%}.loader div:after{bottom:-40px;height:5px;background:#39312d}.loader div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}.loader div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s}.loader div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}.loader div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}.loader div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}.loader div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}.loader div:nth-child(8){animation-delay:1.4s;-o-animation-delay:1.4s;-moz-animation-delay:1.4s;-webkit-animation-delay:1.4s}.loader div:nth-child(9){animation-delay:1.6s;-o-animation-delay:1.6s;-moz-animation-delay:1.6s;-webkit-animation-delay:1.6s}.loader div:nth-child(10){animation-delay:1.8s;-o-animation-delay:1.8s;-moz-animation-delay:1.8s;-webkit-animation-delay:1.8s}@keyframes move{0%{right:0;opacity:0}35%{right:41%}35%,65%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}65%{right:59%}to{right:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@-webkit-keyframes move{0%,to{opacity:0}0%{right:0}35%{right:41%}35%,75%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}75%{right:59%}to{right:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}
</style>
</head>
<body class="ie8">
<div class="loader">
<div> C </div>
<div> S </div>
<div> S </div>
<div> 动 </div>
<div> 画 </div>
<div> 吗 </div>
<div> ? </div>
<div> </div>
<div> </div>
<div> </div>
</div>
</body>
</html>
演示地址:效果演示
代码
·
JOS京东联盟API接口调用
突然突然突然,觉得做一个京东联盟API调用,也许,在微信QQ等场景是不会有被屏蔽的现象。
于是于是于是,就去研究了下京东联盟API,看着一堆接口,描述的确挺不错的,实际返回内容,可能不是你想的那样。。。
另外另外另外,京东联盟的API调用是需要一个token授权的,而且,这个token授权还需要登陆京东账户的,好在这个token的有效期是1年,在1年内,登陆一次就好!据说,修改过京东账户密码,是需要重新获取一次的!
好吧好吧好吧,那就来获取token授权码,想获取token,先得获取code,通过code,再获取token!
先看下官方说明:
再看下获取授权码的API请求链接:
https://oauth.jd.com/oauth/authorize?response_type=code&client_id=YOUR_CLIENT_ID&
redirect_uri=YOUR_REGISTERED_REDIRECT_URI&state=YOUR_CUSTOM_CODE
对着参数列表,链接是这样的!
https://oauth.jd.com/oauth/authorize?response_type=code&client_id=你的Appkey&
redirect_uri=你的回调URL&state=随意写
改好后,复制黏贴到浏览器打开,就是一个授权登陆,登陆之后自动跳转到回调地址,参数中带有code值!
通过code值获取token,获取token值请求地址:
https://oauth.jd.com/oauth/token?grant_type=authorization_code&client_id=你的Appkey&
redirect_uri=你的回调URL&code=刚刚获取的code&state=随意写&client_secret= 你的appSecret
复制到浏览器打开,就可以获得需要的token。
另外,有一个叫做Refresh token的刷新token来延迟Access token的时效,也就是,如果获取一次,可以在有效期内延长时间,比如计划!
获取了Access token之后,就可以使用API接口了!
最后,只想说,京东联盟的API,始终没有阿里妈妈API来的方便!
参考官方文档://jos.jd.com/doc/channel.htm?id=152
代码
·
让position:absolute超出DIV溢出隐藏
通常,为了让DIV子元素超出部分隐藏,都是在父元素设置overflow:hidden,这样即可防止子元素撑开父元素,使子元素能够溢出隐藏!
但是,对于position:absolute定位的子元素,仅仅使用overflow:hidden没办法将其溢出部分隐藏,需要在父元素上也加上一个定位position:relative;才能将含有 position:absolute属性的子元素进行溢出隐藏!
效果:
代码:
<style>
.box{
width:200px;
height:150px;
overflow:hidden;
border:2px solid #000;
float:left;
margin-right:20px;
}
.relative{
position:relative;
}
.div{
width:200px;
height:100px;
background:#FF5400;
margin-top:100px;
position:absolute;
}
.zi{
width:200px;
height:300px;
background:#FF0000;
}
</style>
<div class=“box”>
高300px的子元素溢出隐藏
<div class=“zi”></div>
</div>
<div class=“box”>
不带relative
<div class=“div”></div>
</div>
<br><br><br><br><br><br>
<div class=“box relative”>
带上relative
<div class=“div”></div>
</div>
附:
1、CSS overflow属性,overflow 属性规定当内容溢出元素框时发生的事情,所有主流浏览器都支持 overflow 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。 默认值:visible
hidden:内容会被修剪,并且其余内容是不可见的。
scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit:规定应该从父元素继承 overflow 属性的值。
2、position属性,position 属性规定元素的定位类型。所有主流浏览器都支持 position 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值:static
absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
relative:生成相对定位的元素,相对于其正常位置进行定位。因此,”left:20″ 会向元素的 LEFT 位置添加 20 像素。
static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
inherit:规定应该从父元素继承 position 属性的值。
代码
·
Zero零分
站龄14年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
476
文章 26
评论 27
分类 839
标签 7
友链
文章 26
评论 27
分类 839
标签 7
友链
百度广告
最近更新
- 01 微信小程序scroll-view下拉刷新,出现一直刷新
- 02 微信小程序scroll-view禁止滚动条
- 03 微信小程序开发新版本检测、网络请求、json格式判断封装
- 04 利用Fiddler抓包工具下载微信视频号视频
- 05 整理了一张吴宗宪专辑无损CD《无尽的爱》APE格式音频
- 06 百度AI语音演示接口后获取的音频流处理
- 07 Win7 安装pr2018(AdobePremiereCC2018)记录说明
- 08 win7无法查看gif动画图解决插件Image_Viewer_for_Windows_7
- 09 win7 视频无法预览图片(文件夹内不显示略缩图)
- 10 微信小程序解决上滑多次加载重复内容的问题
热门推荐
最新评论
标签云
微信小程序
小程序开发
视频下载
Fiddler
微信视频号
无损CD
无尽的爱
吴宗宪
文字转语音
百度ai
pr2018
win7
Image Viewer for Windows 7
win7查看GIF
视频预览图片
视频略缩图
视频解码器
fireworks
水星
移动热点
ps ico
ps插件
foreach
php
保存远程图片
登录过期
phpmyadmin
扩展屏
多显示器
自动登陆
netplwiz
CSS动画
wordpress图片
sitemap
无线端
调试
a标签
P标签
calc
justify
pycharm
Python
相邻文章
logo
赵薇
html
win11
Windows
扫黑风暴
我的饭店
淘花
游艇
港姐
周星驰
unisoc
荣耀paly5
信用卡
AI机器人
华智冰
小冰
评论功能已经关闭!