• 所有问题

    • 网页设计如何使图片和文字对应？

    想要做出如图的效果，但是
    1.图片在同一行并排后，下面的文字无法一一对应
    2尝试了在div里面套div，但是图片无法并列排放

    举报该问题
    推荐答案   2021-04-12
    首先页面以列为布局方式，
    dl > dt > dd * 3, 左浮动，居中用 text-align : center
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2021-06-08

    div套div是可以实现的，是你自己属性没有设置好，具体代码如下：

    代码效果图

    <body>

       <div style="width: 900px; height: 100px; margin: 0 auto;background-color: aqua;">

         这里是店招

       </div>

       <div style="width: 900px; height: 200px; margin: 0 auto; padding-top: 20px;">

         <div style="width: 200px; height: 200px; float: left;background-color:#FF0004;">

       这里是图片

         </div>

         <div style="width: 180px; height: 180px; float: left;background-color:#FF0004; margin-left: 20px; padding: 10px;">

      这里是图片

         </div>

         <div style="width: 180px; height: 180px; float: left;background-color:#FF0004; margin-left: 20px; padding: 10px;">

       这里是图片

         </div>

         <div style="width: 180px; height: 180px; float: left;background-color:#FF0004; margin-left: 20px; padding: 10px;">

       这里是图片

         </div>

       </div>

       <div style="width: 900px; height: 100px; margin: 0 auto; padding-top: 20px;">

         <div style="width: 200px; height: 100px; float: left;background-color:#FF0004;">

       这里是标题其他的自己改

         </div>

         <div style="width: 180px; height: 80px; float: left;background-color:#FF0004; margin-left: 20px; padding: 10px;">

       这里是图片是文字这里是图片是文字这里是图片是文字这里是图片是文字

         </div>

         <div style="width: 180px; height: 80px; float: left;background-color:#FF0004; margin-left: 20px; padding: 10px;">

       这里是图片是文字这里是图片是文字这里是图片是文字这里是图片是文字

         </div>

         <div style="width: 180px; height: 80px; float: left;background-color:#FF0004; margin-left: 20px; padding: 10px;">

       这里是图片是文字这里是图片是文字这里是图片是文字这里是图片是文字

         </div>

       </div>

    </body>

    相似回答
    网页设计时如何将图片和文字位于同一水平_网页设计中的图片怎么和文字对...答：水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有作用的，可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”，然后单击“水平线”按钮即可添加一条水平线。Html代码为。其实，你只要仔细看一下水平线的属性设置面板，就会发现一个“快速标签编辑器”，点击此标签并在...
    在网页设计中,怎么样在插入的图像上编写文字,用DIV插入的答：你要输写的文字内容 上面的只是一个例子。就是在div里面插入背景图片。<P>里面就是你的文字，也可以是其它内容。style=""是样式。这种方法是直接写入。也可以采用，外链，有空就去学学css吧。
    网页设计时如何将图片和文字位于同一水平?答：网页设计时将图片和文字位于同一水平方法：一、不要给文字标签加属性。给img{vertical-align: middle;}一个属性即可。二、img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 内边距，外...
    简述网页设计中的图像与周边文字有几种对齐方式及其特点答：一、文本：文字能准确地表达信息的内容和含义，且同样信息量的文本字节往往比图象小，比较适合大信息量的网站。二、图像：在网页中使用GIF,JPEG(JPG),PNG三种图象格式，其中使用最广泛的是GIF和JPEG两种格式。说明：当用户使用所见即所得的网页设计软件在网页上添加其他非GIF,JPEG,或PNG格式的图片并保存...
    大家正在搜
    网页设计图片上加文字网页设计文字在图片的位置网页设计对应的行业网页设计文字怎么居中网页设计文字水平居中网页设计文字居中代码网页设计模板和源代码网页设计字体大小代码网页设计用什么字体
    相关问题
    网页设计时如何将图片和文字位于同一水平？
    网页设计时如何将图片和文字位于同一水平
    网页设计中如何将文字和图片一起排版
    网页设计如何让文字与图片紧挨
    网页设计中如何让把文字放在图片上显示
    网页制作问题，怎么让字对齐上面图片
    网页设计用div把图片与文字并排代码大全
    网页设计把图片和文字并排拜托了各位 谢谢