0

我想了解这些功能,以便在 Eclipse 的 html 文件中为 Phonegap android 实现它。

匹配父母/包装内容

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

<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;">

水平滚动视图

对于我给的水平滚动视图

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

当我们滚动图像时,背景也会滚动......但是,虽然我希望图像单独滚动机器人背景......

我该怎么办?

所以,请帮助我在 HTML()中设置MATCH PARENT、WRAP CONTENT 和水平滚动视图?

编辑:建议后的代码

<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>

更改前 更改前

更改后 更改后

我应该如何将标题中的文本(ABC/标题)带到中心?

4

1 回答 1

1

要使标题的文本居中,您所要做的就是添加text-align:center;到该 div。

另外,我在这个fiddle中改变了一些东西。

这是您想要的结果,只是没有背景颜色吗?

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

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

希望这是令人满意的:)

于 2013-04-16T12:10:03.633 回答