css中一大串数字无法环绕在浮动的<div>周边,这是为什么。文字就可以

html-css014

css中一大串数字无法环绕在浮动的<div>周边,这是为什么。文字就可以,第1张

因为一串连续的数字或字母在电脑看来相当于一个字,所以不会进行分割,会在一行全部显示完。

解决方法两个

用汉字或其他非字母和数字的文字;

在数字或字母间加空格或标点。

<html>

<style type="text/css">

#he{width:300pxheight:300pxborder:1px solid #000000}

img{width:200pxheight:200pxfloat:left}

</style>

<body>

<div id="he">

<img src="/logo.gif" />

我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,

像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文

字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上

角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。

</div>

</body>

</html>

亲,你尝试下这个代码:.cat-area{ width:343pxfloat:left}.cat-area .content .img{ margin-right:10pxfloat:leftdisplay:inline}.cat-area .content .title { float:leftcolor:#333font-size:14pxheight:100pxline-height:120pxoverflow:hidden}.cat-area .content .des{ float:leftcolor:#777font-size:12pxline-height:18px}

" width="70" height="70" />标题,,,,,摘要,,,,,