Question

我正在尝试建立一个移动网站。在里面我有一个图像和描述。一切都很好，如果使用手机或平板电脑或笔记本电脑，网站会自行更改，但我有一个问题。对于小型设备中的描述，如果文本太长，它将用“...”截断文本。如何让它继续下一行呢？

代码

<body> 

    <div data-role="page" id="page" data-theme="b">
        <div data-role="content" >
    </div>
    <ul data-role="listview">
        <?php do { ?>
            <li><a href="#"><img src="../d/p/<?php echo $row_productDaata['strImage']; ?>" alt=""/>
                <p style="font-size:18px"><?php echo $row_productDaata['strProductName']; ?></p>
                <p><?php echo $row_productDaata['dblP']; ?></p>
                <p><?php echo $row_productDaata['strdescription']; ?></p> // here is the problem 

            </a></li>
        <?php } while ($row_productDaata = mysql_fetch_assoc($productDaata)); ?>
    </ul>
    <div data-role="footer" >
    </div>

    <script type="text/javascript">

    </script>
</body>

Answer 1

看起来你正在使用jQuery Mobile。这已经回答：How to keep this <p> from getting clipped when it exceeds the width of the page?

如何使字段随屏幕大小而变化

1 个答案: