如何为图像设置匹配父，包装内容，水平滚动

Question

我想了解这些功能，以便在eclipse for Phonegap android的html文件中实现它。

匹配父母/包裹内容

我不知道如何给出MATCH PARENT / WRAP CONTENT，所以我给出了以下两种方式

<div id="container" style="width:315px height:150px">

或者我给予

<div id="container" >

我面临的问题是当我没有给出任何宽度时...这个元素是一个图像，直到测量结束/最大限制为止。

DIV元素与空间之间的空间在左侧和每个元素的顶部可见

当我给出以下内容时，左侧和顶部的视图是否存在空白

<div id="wrapper" style="width: 100%; float: left; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">

HORIZONTAL SCROLL VIEW

FOR 水平滚动视图我给了

                     div#main
        {  //background-image:url('img/image1.png');
           position:absolute;
           top:40%;
           margin-top:-50px;
        }

当我们滚动图像时，背景也会滚动...但是，我希望单独的图像能够滚动背景...

我应该做什么？

所以，请帮我设置 MATCH PARENT，WRAP CONTENT和HORIZALAL SCROLL VIEW 在HTML（）中可以选择吗？

编辑：建议后的代码

<div id="wrapper" style="width: 100%; float: left;padding:0px; margin:0px;">
        <div id="container" style="padding:0px; margin:0px;">

        <div id="head" style="background-image:url(mdpi/purple_navigation.png);"></div>
        <h1 style=" margin-left:0px; margin-top:0px;  padding:0px; margin:0px;"> ABC</h1></div>

        <div id="wrapper" style="padding:0px; margin:0px;">
        <div id="images"  style="padding:0px; margin:0px;">
        <marquee direction="left" behavior="alternate" scrolldelay="3" width="100% padding:0px; margin:0px;"><img src="mdpi/banner1.png"/><img src="mdpi/banner2.png"/><img src="mdpi/banner3.png"/><img src="mdpi/banner4.png"/><img src="mdpi/banner5.png"/></marquee> 
        </div>


        <div id="title" style="padding:0px; margin:0px;"><h1>title</h1></div>
        <div id="desc" style="padding:0px; margin:0px;"><p>description </p></div>
        </div>

</div>

</body>

更改前

更改后

我应该如何向HEADER（ABC / TITLE）致中心？

Answer 1

要使标题的文本居中，您只需要将text-align:center;添加到该div。

此外，我已在此fiddle中更改了一些内容。

这是你想要的结果，只是没有背景颜色吗？

我所做的更改是我移动了#description div并将样式添加到其他一些div中。

  

如果您有任何其他问题或者这不起作用，请告诉我   你。

希望这是令人满意的：）