zoukankan      html  css  js  c++  java
  • 文字超出自动截取为...

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文字超出自动截取为...</title> </head> <body> <style> *{ margin:0; padding:0; } body{font-family:Arial, Helvetica, sans-serif;} h2,em{ font-weight: normal; font-style: normal; } .test{ width:300px; margin:10px auto 0 auto; border:1px solid #eeeeee; padding:5px; color:#333333; } .test-title{ padding:0 10px; color: red; } /*文字超出自动截取为...*/ .text-cut{ display:block; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } </style> <div class="test"> <h2 class="test-title"> <em class="text-cut">In most browsers, clicking on text or an image within the label will give focus to the area.</em> </h2> <p>What the label does is create an association between its contents and a control on the page. In most browsers, clicking on text or an image within the label will give focus to the area. In the case of a radio button, it will select it and in the case of a checkbox, it'll alternate between the two states (checked and unchecked).</p> </div> </body> </html>

  • 相关阅读:
    numpy用法介绍-未完待续
    GeoJSON相关操作
    awk日志分析
    awk获取外部变量
    Shell编程二
    Shell编程
    Linux监控平台搭建
    Linux集群架构
    Linux集群
    MySQL主从(MySQL proxy Lua读写分离设置,一主多从同步配置,分库分表方案)
  • 原文地址:https://www.cnblogs.com/haiying520/p/5144550.html
Copyright © 2011-2022 走看看