4
回答
css布局一问,关于overflow hidden
开发十年,就只剩下这套Java开发体系了   

移动端页面,想在页面底部固定做两行推荐阅读,大概代码如下(具体可以修改调整)。

<div id="footer">
  <div style="padding: 4px;">
    <div style="float: left; padding-right: 8px; line-height: 0;">
      <img alt="" width="64" height="64" src="#">
    </div>
    <div>
      <p><a href="#">推荐阅读一</a></p>
      <p><a href="#">推荐阅读二</a></p>
    </div>
    <div style="clear: both;"></div>
  </div>
</div>


即:左侧一个图片,右侧两行,每行一个链接


问:因为手机屏幕宽度不一,当链接标题很长当时候会导致换行,如何控制overflow:hidden,以确保页面布局一致。


谢谢。

<无标签>
举报
mia0x75
发帖于3年前 4回/367阅
顶部