文字超过指定最大宽度,超出部分隐藏并用···
代替
<style>
a{
text-decoration: none;
}
a:hover{
background: plum;
}
div{
height: 20px;
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000;
}
</style>
<body>
<div class="text">
<a href="#">我是测试多余部分</a>
</div>
</body>
去除图片的白边
<style>
.text{
width: 360px;
background: red;
}
img{
width: 100%;
display: block;
}
/**
方法二:
img{
width: 100%;
vertical-align:middle;
**/
</style>
</head>
<body>
<div class="text">
<img src="img/adv2.jpg" alt=""/>
</div>
</body>