JSSOR Slider-iOS中页面向左对齐

JSSOR Slider - page aligning left in iOS

本文关键字:左对齐 Slider-iOS JSSOR      更新时间:2023-09-26

更新10.03.14:这是一张截图:http://www.thomasgsullivan.com/ipad.PNG


嗨,我是一个图形&网页设计师,但我真正"建立"的唯一网站是我自己的作品集,所有的所见即所得与dreamweaver。。。所以我对这一切都很陌生。

我在这里有一个网站:thomasgsullivan.com,它在所有设备上都运行良好。

我正在这里进行更新:http://www.thomasgsullivan.com/home.html#about

在电脑上一切都很好,但在iOS中,它向左对齐,JSSOR滑块本身更是如此

这是代码:

    <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">

    <!-- Slides Container -->
    <div u="slides" style="cursor: pointer; position: relative; width: 1000px; height: 400px;
        overflow: hidden;">
        <div><img u="image" src="img/slide1.gif"/></div>
        <div><img u="image" src="img/slide2.gif"/></div>
        <div><img u="image" src="img/slide3.gif"/></div>
        <div><img u="image" src="img/slide4.gif"/></div>
        <div><img u="image" src="img/slide5.gif"/></div>
    </div>
    <!-- Arrow Left -->
    <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 166px; left: -3px;">
    </span>
    <!-- Arrow Right -->
    <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 166px; right: -3px">
    </span>
    <!-- Arrow Navigator Skin End -->
</div>
<!-- Jssor Slider End --></td>

任何见解都将不胜感激,谢谢!

PS:我知道页面上有160个错误。。。但这些都是alt标签,我认为不应该影响这一点。

我认为您不需要一个表来对齐元素中心。样式"margin:0 auto;"也用于对齐元素中心。

请尝试删除表格元素并替换,

<div id="slider1_container" style="position: relative; width: 1000px; height: 400px;">

带有

<div id="slider1_container" style="position: relative; margin: 0 auto; width: 1000px; height: 400px;">

感谢您的帮助jssor,我发现了这个问题,它与幻灯片无关,我有一条1000像素的线由于某种原因打乱了整个布局。。。我去掉了它,一切都很完美。