演示地址:https://jsfiddle.net/yur26syh/
要求在不修改 HTML 代码的情况下,仅修改 CSS ,对其中文字的部分增加左右10px的间距,图片保持目前的显示样式不变(图片宽度超过 div.m 的需要自适应至 div.m 的宽度,不能将图片的宽度写死,因为 div.m 的宽度会随时改变)
目测不可能,对部分文字加样式,岂不是先要对文字进行识别?CSS做不到
还是加个SPAN吧,又不会影响其他的样式
文字左右间距尝试用letter-spacing
,上下间距用line-height
,图片自适应尝试max-width: 100%;
div.m{
border:1px solid red;
width:192px;
font-size:12px;
padding: 0 10px;
}
img{
max-width:100%;
display:block;
position:relative;
left:-10px;
}