Я потратил много времени на изучение этого и не смог найти рабочее решение из других ответов, представленных здесь. С учетом сказанного я прошу прощения, если это кажется дубликатом; Ни одно из исследованных решений не сработало, и я полностью сбит с толку относительно того, почему. Как ни странно, у меня одинаковая настройка на другой странице - единственная разница в одной ссылке в таблице говорит «резюме» вместо «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
Стол внутри Div не будет центрироваться и немного отключен. Как я могу получить таблицу, идеально центрированную с помощ ⇐ Html
Программисты Html
1739569272
Anonymous
Я потратил много времени на изучение этого и не смог найти рабочее решение из других ответов, представленных здесь. С учетом сказанного я прошу прощения, если это кажется дубликатом; Ни одно из исследованных решений не сработало, и я полностью сбит с толку относительно того, почему. Как ни странно, у меня одинаковая настройка на другой странице - единственная разница в одной ссылке в таблице говорит «резюме» вместо «Main» - и это идеально сосредоточено. < /P>
[url=Resume.pdf]Download Resume[/url]
[url=index.html]Main[/url]
[url=projects.html]Projects[/url]
[url=https://github.com/mygithub]
GitHub[/url]
[url=https://www.linkedin.com/in/mylinkedin]
LinkedIn[/url]
< /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, если это вообще.>
Подробнее здесь: [url]https://stackoverflow.com/questions/34646287/table-inside-of-a-div-will-not-center-and-is-slightly-off-how-can-i-get-a-table[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия