Я потратил много времени на изучение этого и не смог найти рабочее решение из других ответов, представленных здесь. С учетом сказанного я прошу прощения, если это кажется дубликатом; Ни одно из исследованных решений не сработало, и я полностью сбит с толку относительно того, почему. Как ни странно, у меня одинаковая настройка на другой странице - единственная разница в одной ссылке в таблице говорит «резюме» вместо «Main» - и это идеально сосредоточено. < /P>
Download Resume
Main
Projects
GitHub
LinkedIn
< /code>
Вот форматирование CSS: < /p>
html, body
{
padding:0;
margin:0;
}
body.center
{
margin-left:15%;
margin-right:15%;
}
body.style
{
font-family:Helvetica;
font-size:12pt;
background-color:#FFAB91;
}
div.center
{
margin-left:1%;
margin-right:1%;
padding-left:1%;
padding-right:1%;
}
div.style
{
background-color:white;
overflow:hidden;
height:100vh;
}
p.center
{
/*
Should be slightly narrower than the div
*/
margin-left:5%;
margin-right:5%;
}
td
{
/*
Make cell spacing with a transparent horizontal border
*/
border-left: solid 15px transparent;
border-right: solid 15px transparent;
}
td.vertpadding
{
/*
Some space between table cells
*/
border-bottom: solid 40px transparent;
}
table.center
{
position:absolute;
bottom:20px;
}
ol, ul
{
margin-top:0;
margin-bottom:0;
padding-left:15;
padding-right:15;
}
h4.small
{
margin-top:0;
margin-bottom:5;
color:steelblue;
font-weight:normal;
font-size:12pt;
}
a
{
color:orangered;
text-decoration:none;
}
a:visited
{
color:firebrick;
}
a:hover, a:active
{
/*
Increase font upon mouseover
*/
font-size:125%;
}
< /code>
Многие решения рекомендуются делать такие вещи, как установить текстовую форму для родительского контейнера в центр; это не сработало. Сокращение детской ширины и установки маржи до 0 Авто работало только на другой странице, но не на этой. Стол выключен только примерно на полдюйма. Если я установил левый край на что -то вроде 30%, это работает, но я бы хотел, чтобы маржа была динамически определена измерениями родительского DIV, если это вообще.>
Подробнее здесь: https://stackoverflow.com/questions/346 ... et-a-table