实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>文本控制</title> <style style="text/css"> p{ font-weight: :bold; /* 粗体*/ font-size: 30px; /* 大小 */ font-family: 仿宋; /* 字体 */ } h1{ text-align: center; /* 居中*/ background: :pink; height: 100px; /* 高 */ line-height: 100px; /*行高*/ } span{ font-size: 40px; font-weight: bold; } b{ display: block; width: 300px; height: 40px; background: pink; overflow:hidden;/*溢出隐藏*/ margin-bottom: 300px; } b:hover{ overflow: visible; } </style> </head> <body> <h1>php中文网</h1> <p>php中文网</p> <br> <span style="color:#0388f1">G</span> <span style="color:rgb(245,28,39)">o</span> <span style='color:#ffe801'>o</span> <span style="color:#0388f1">g</span> <span style="color:#ffe801">l</span> <span style="color:#ffe801">e</span> <!-- 图文混排 --> <p style="display:inline-block;width:300px;">该报道称,三星今年可能将停止天 三星电子表示,尚未就天津工厂的命运做出任何决定。该公司在给路透社的一份声明中表示:“整体智能手机因增长放缓而面临困难。三星电子的天津电信企业将致力于提高竞争力和效率的活动。” 据韩国《电子时报》称,三星在天津的工厂每年3600万部手机,惠州工厂每年7200万部。相比之下,三星在越南的两座工厂每年合计2.4亿部手机。</p> <img style="width:300px;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534177733096&di=3fedb3f6f09561940cc7c62661b61cac&imgtype=0&src=http%3A%2F%2Fimg.juimg.com%2Ftuku%2Fyulantu%2F130713%2F325502-130G312095482.jpg" alt=""> <br> <img style="width:300px;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534177733096&di=3fedb3f6f09561940cc7c62661b61cac&imgtype=0&src=http%3A%2F%2Fimg.juimg.com%2Ftuku%2Fyulantu%2F130713%2F325502-130G312095482.jpg" alt=""> <b>仅仅5年前,三星在中国智能手机还占有20%的份额,而今年已降至不到1%,被华为、小米和其他中国手机超越。 除了天津工厂,三星在中国惠州还拥有一个手机厂。</b> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例