css实现图文混排

<style type="text/css">
        #imgtex11 {
            width: 400px;
            height: 300px;
        }

         #img11 {
            float:left;
            /* float:right; */
        }

        #tex11 {
            color: green;
        } 
  style>
 head>
 <body>

<div id="imgtex11">
    <div id="img11"><img src="wo.jpg" width="250" height="200"/>div>
    <div id="tex11">奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于奉生之始矣。假若天机迅发,妙识玄通,成谋虽属乎生知,标格亦资于div>
div>

注意事项:

  • 如果不给div 设置高度 会造成图片和文字并排 斌不能使文字包围图片的效果
  • 图片放在webContent目录下才能直接写名称

你可能感兴趣的:(web前端,css,css)