分类 前端 下的文章

直接上代码

<!-- FreeMarker动态变量名 及 取值 -->
<#assign varName = "type${nn_index}">
${obj[varName] }

另一个示例:

<#list ids as id>
    <#assign _key = "name_${id}">
    ${names[_key]} //这里就可以得到值
<#list>

核心属性如下:

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;

-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他的WebKit属性。常见结合属性:
display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。

完整示例:

<div id="p2">

    这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。这是多行文本测试数据。

</div>

/多行文本溢出显示省略号/

#p2{
        width: 220px;
        height: 58px;
        overflow:hidden;
        text-overflow:ellipsis; 
        background: greenyellow;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
   }    

文章标题超出部分显示省略号的样式表控制方法及核心属性介绍

核心属性

  • overflow:hidden:超出隐藏
  • white-space:nowrap:强制不换行
  • text-overflow:ellipsis:超出省略号代替;

示例:

<p>Css样式表超出部分显示省略号的方法,荣获第一气体服务商</p>

#banner p{
    text-align: center;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

展示效果

62104-4p05udvvbp2.png

优酷 腾讯视频 爱奇艺 手机端无法播放swf格式视频 提示“该插件不受支持”

优酷

Flash 嵌入代码:

<embed src='http://player.youku.com/player.php/sid/XMTc1OTEwNTEwOA==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>

Iframe 嵌入代码:

<iframe height=498 width=510 src='http://player.youku.com/embed/XMTc1OTEwNTEwOA==' frameborder=0 'allowfullscreen'></iframe>

腾讯视频

Flash 方式:

<embed src="http://static.video.qq.com/TPout.swf?vid=k0015trfczz&auto=0" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

Iframe 方式:

<iframe frameborder="0" width="640" height="498" src="http://v.qq.com/iframe/player.html?vid=k0015trfczz&tiny=0&auto=0" allowfullscreen></iframe>

爱奇艺

Flash 嵌入代码:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="680" height="520">
  <param name="movie" value="http://dispatcher.video.qiyi.com/disp/shareplayer.swf?vid=ade484a7c87734eee38f7f77cd9f3159&tvId=250912700&coop=&cid=&bd=1"/> 
  <param name="quality" value="high"/> 
  <param name="wmode" value="transparent"/> 
  <param value="true" name="allowFullScreen"/> 
  <embed src="http://dispatcher.video.qiyi.com/disp/shareplayer.swf?vid=ade484a7c87734eee38f7f77cd9f3159&tvId=250912700&coop=&cid=&bd=1" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="680" height="520" allowfullscreen="true"/>
</object>

Iframe 嵌入代码:

<iframe src='http://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=0c2340bbe6cce1bde14e94e50cd754ac&tvId=386549000&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=1368&height=100%&width=100%' frameborder='0' width='320px' height='180px' allowfullscreen='true'></iframe>
免责声明
本博客部分内容来自于互联网,不代表作者的观点和立场,如若侵犯到您的权益,请联系[email protected]。我们会在24小时内进行删除。