div+css中,左边是图片,右边是文字怎么写

2024-11-12 19:50:17
推荐回答(3个)
回答1:

用一个div作为主框架,嵌套图片和文字内容两个div,同时使用浮动功能,代码步骤如下:

1.先输入:

,建立一个主框架,如下图红框所示;

2.设置框架的样式,根据需要设置即可,如下图红框所示,代码如下:

7.对结果进行预览,如下图所示,图片在左,文字在右。

回答2:

用一个div作为主框架,嵌套图片和文字内容两个div,同时使用浮动功能。

图片向左浮动,文字内容向右浮动,这就形成了两栏。
右边的文字内容又分为两个div,不需要浮动,它会自动上下排列的。

代码如下:




文字介绍

新闻内容




CSS:
#container {width: 100%;}
#photo {float: left; width: 40%;}
#content {float: right; width: 60%;}

回答3:

可以建议使用行内标签