Изменить размер ячейки таблицы, чтобы она соответствовала тексту

Question

Изменить размер ячейки таблицы, чтобы она соответствовала тексту

0

Как я могу сделать ячейку таблицы такой же маленькой, как текст внутри нее? Я также пытался установить маржу, прописку и пробел, но никто из них не работает:

HTML

<table class='header_left'>
    <tr>
        <td><a href='/index.php' class='title1'>somewebsite.com</a></td>
    </tr>
    <tr>
        <td class='vonal'><a href='/index.php' class='title2'>Check something and do it faster than your competitors</a></td>
    </tr>
</table>

CSS

table.header_left {
    float:left;
    text-align:left;
    margin:0;
    padding:0;
    border-collapse: collapse;
}

table.header_left a.title1 {
    color: #e6e8ea;
    font-size: 39px;
    text-decoration:none;
    margin:0;
    padding:0;
}
table.header_left a.title2 {
    color: #c1c2c4;
    font-size: 14px;
    text-decoration:none;
    margin:0;
}
table.header_left td.vonal {
    border-bottom:1px solid #c1c2c4;
    text-decoration:none;
}
table.header_left td {
    border:1px solid;
    white-space: nowrap;
    padding:0;
    margin:0;
}

http://jsfiddle.net/RZHPD/

Как вы видите, в тексте "someebsite.com" есть дополнение. Я хочу, чтобы он был удален.

благодаря

erdomester 18 дек. 2013, в 10:10

Источник

0

'добавляя текст "somewebsite.com" - я не вижу этот текст в вашей скрипке?
SW4 18 дек. 2013, в 09:08
1

там нет прокладки там. Вы видите пробел после "somewebsite.com", потому что столбец под ним имеет текст большой длины, а ячейка таблицы расширяется, чтобы соответствовать его содержимому. Что вы можете сделать: 1) не включать "somewebsite.com" в таблицу 2) выравнивать по центру "somewebsite.com", чтобы он выглядел лучше.
Pratik 18 дек. 2013, в 09:16
0

Извините, ссылка исправлена.
erdomester 18 дек. 2013, в 09:16
0

@Pratik: пробел после текста в порядке. Существует верхний слой и нижний слой размером около 2-5 пикселей. Это проблема. Я хочу, чтобы верхняя и нижняя границы ячейки таблицы были как можно ближе к тексту.
erdomester 18 дек. 2013, в 09:26

Показать ещё 2 комментария

Теги:

html

css

1 ответ

Ещё вопросы

'добавляя текст "somewebsite.com" - я не вижу этот текст в вашей скрипке?
там нет прокладки там. Вы видите пробел после "somewebsite.com", потому что столбец под ним имеет текст большой длины, а ячейка таблицы расширяется, чтобы соответствовать его содержимому. Что вы можете сделать: 1) не включать "somewebsite.com" в таблицу 2) выравнивать по центру "somewebsite.com", чтобы он выглядел лучше.
@Pratik: пробел после текста в порядке. Существует верхний слой и нижний слой размером около 2-5 пикселей. Это проблема. Я хочу, чтобы верхняя и нижняя границы ячейки таблицы были как можно ближе к тексту.

Era · Accepted Answer · 2013-12-18T07-14-00.000Z

Это происходит из-за заполнения текста/шрифта по умолчанию. вы можете попробовать добавить в свой css:

table.header_left a.title1 { 
   line-height:15px; 
   float: left;
}

@erdomaster - это решит вашу проблему. Спасибо Эре за решение :)
Ключ был заполнением текста по умолчанию. Я не хотел менять высоту строки, но теперь я вижу, что это было необходимо. Спасибо