首页前端开发CSScss 怎么两个图片并列排列

css 怎么两个图片并列排列

时间2023-11-18 23:43:04发布访客分类CSS浏览814
导读:CSS可以通过float属性使两个图片并列排列。例如:img { float: left; margin-right: 10px;}以上代码表示,img元素浮动在左边,右边留有10像素的外边距。在HTML文件中,我们可以这样使用:<...

CSS可以通过float属性使两个图片并列排列。例如:

img {
      float: left;
      margin-right: 10px;
}
    

以上代码表示,img元素浮动在左边,右边留有10像素的外边距。

在HTML文件中,我们可以这样使用:

div>
      img src="image1.jpg">
      img src="image2.jpg">
    /div>
    

上述代码中,两个img元素被包含在一个div元素中。

完整示例代码如下:

html>
    head>
    style>
img {
      float: left;
      margin-right: 10px;
}
    /style>
    /head>
    body>
    div>
      img src="image1.jpg">
      img src="image2.jpg">
    /div>
    /body>
    /html>
    

通过以上代码,两个图片就可以很好地并列排列了。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css 怎么两个图片并列排列
本文地址: https://pptw.com/jishu/545269.html
css 微软雅黑 兼容苹果 css居于一个圆中间

游客 回复需填写必要信息