html里怎么实现图片跟文字的混合排版?

html里怎么实现图片跟文字的混合排版?,第1张

最简单的方法是使用浮动。

1、可以用一个最大的div层 包裹住,左边一个div 左浮动,右边一个div右浮动,左边的就是一个logo图,主要处理在右边。

2、右边的div定义好之后,在细分为上中下,三个大div,最上面的div 可以左右浮动,左边一个span标签放定位,右边可以用 ul  li标签 来进行分配。

3、中间的div同理。左右div浮动,进行处理。

4、最后的导航用 ul li 实现。如图只是做了一个大体的框架,具体实现需要做一些调整。

<p>第一段文字内容,第一段文字内容,第一段文字内容,第一段文字内容</p>
<p>第一段文字内容,第二段文字内容,第二段文字内容,第二段文字内容</p>
<p>第三段文字内容,第三段文字内容,第三段文字内容,第三段文字内容</p>

直接在<body>和</body>写入以上内容看看

最简单的方法是使用浮动。

1、可以用一个最大的div层 包裹住,左边一个div 左浮动,右边一个div右浮动,左边的就是一个logo图,主要处理在右边。

2、右边的div定义好之后,在细分为上中下,三个大div,最上面的div 可以左右浮动,左边一个span标签放定位,右边可以用 ul  li标签 来进行分配。

3、中间的div同理。左右div浮动,进行处理。

4、最后的导航用 ul li 实现。如图只是做了一个大体的框架,具体实现需要做一些调整。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/10331523.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-07
下一篇 2023-05-07

发表评论

登录后才能评论

评论列表(0条)

保存