程序博客网 > php 邮件内容html输出

多个div放置在同一行

来源：互联网发布：php 邮件内容html输出编辑：程序博客网时间：2024/06/05 17:36

1.float

<style type="text/css">
   .totalFieldDiv{
       margin-left:5px;
       margin-right:5px;
       background-color:#00CC66;
       width:180px;
       height:40px;
       float:left

   }
</style>
</head>
<body>
<div style="border:#000000 thin solid; height:40px; width:900px; overflow:auto">
   <div class="totalFieldDiv">
   </div>
   <div class="totalFieldDiv">
   </div>
   <div class="totalFieldDiv">
   </div>
   <div class="totalFieldDiv">
   </div>
   <div class="totalFieldDiv">
   </div>
</div>
<script src="jquery-2.0.3.min.js"></script>
<script>

</script>
</body>

当设置浮动时，就不能够设置左右滚动条。

overflow：所有主流浏览器都支持 overflow 属性。

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。

不能同float一起使用

overflow , overflow-y

visible：
    不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto：
    此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden：
    不显示超过对象尺寸的内容
scroll：
    横向显示滚动条

2. display: inline-block;

<style type="text/css">
   #pull-left-attendTotalField{
       margin-left:10px;
       display: inline-block;
        overflow-y: auto;
        white-space: nowrap;
   }
   .totalFieldDiv{
       padding-left:5px;
       padding-right:5px;
       display: inline-block;
       background-color:#00CC66;
       width:180px;
       height:40px;

   }
</style>

<body>
<div id="pull-left-attendTotalField" style="width: 781px;">
   <div class="totalFieldDiv">
   </div>
   <div class="totalFieldDiv">
   </div>
   <div class="totalFieldDiv">
   </div>
   <div class="totalFieldDiv">
   </div>
   <div class="totalFieldDiv">
   </div>
</div>
</body>

display:

white-space:

0 0

php 邮件内容html输出

php 邮件内容html输出

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子如何炸鱼炸的又稣又脆炸鱼怎么炖好吃又简单炸鱼不粘锅的方法炸鱼的油怎样去腥味炸鱼的油还能用吗炸鱼块的家常做法面包糠炸鱼的做法大全明日之后炸鱼器怎么获得怎样炸鱼酥脆怎么样炸鱼不粘锅怎样炸鱼好吃炸鱼用什么粉怎么炸鱼好吃炸鱼怎么不粘锅怎样炸鱼块好吃炸鱼块怎么做好吃炸鱼怎么做不粘锅炸鱼块怎么做炸鱼薯条的做法炸鱼是什么意思小炸鱼的做法干炸鱼的做法超级炸鱼中文版干炸鱼块的做法炸鱼用大火还是小火炸鱼皮的做法小鱼怎么炸到鱼刺酥脆炸鱼片小鱼的做法大全家常炸鱼鱼炸鳞恐怖图片炸鳞鱼炸鳞锦鲤炸鳞金鱼炸鳞鱼炸鳞自己会恢复吗炸鸡翅脆皮炸鸡腿的做法炸鸡爪炸鸡翅咋做炸鸡腿怎么做炸鸡米花的做法