Question

我一直致力于创建简历，但在“工作历史记录”部分中存在空白问题。一旦开始折叠网页，无序列表就会在页面上运行，并在页面右侧创建不需要的空白区域。我已经尝试了很多东西以及寻找答案，但我仍然无法解决这个问题。

<div id="wrapper">
<div id="leftcolumn">
    <p><b>Assurant Inc, Remote Technical Support</b></p>
  <p>April 2017 - Present</p>
</div>
<div id="rightcolumn">
    <div>
      <ul>
        <li>Remote support of mobile devices for customers of T-Mobile, US Cellular, and Comcast.</li>
        <li>Technical support via Intercom, phone call, and email.</li>
        <li>Mobile application support for iOS and Android.</li>
        <li>Training customers on utilization of "Pocket Geek," company application.</li>
        <li>Document resolutions in Microsoft Dynamics.</li>
        <li>Add articles to knowledge base in Microsoft Dynamics.</li>
        <li>Supporting customers with in home Smart Devices such as August Smart Lock, Philips Hue, LIFX, Amazon Echo, Google Home, as well as others.</li>
      </ul>
     <hr>
 </div>
</div>

https://codepen.io/bgongre/full/EXKXye/

提前致谢。

Answer 1

在你的css中试试这个：

#wrapper {
    width: 80%;
    margin: 0 auto;
    display: table;
}
#leftcolumn {
    width: 20%;
}
#rightcolumn {
    width: 40%;
    margin: auto;
}

Answer 2

你必须在id = wrapper中添加以下属性“display：inline-block;”但请记住，您不能重复ID，因此您必须使用类

命名此图层

调整网页大小时的WhiteSpace

2 个答案: