Skip to main content
adicionou 8 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Estou criando banners para impressão e me deparei com um problema.

Preciso definir uma div de height e widht fixos, por exemplo:

#papel {width: 297mm;height: 210mm;border:1px solid red}

#papel {width: 297mm;height: 210mm;border:1px solid red}

Dentro desta div, tenho um SPAN

#papel span{font-size: 9vw;border:1px solid red;font-family:Arial;}

#papel span{font-size: 9vw;border:1px solid red;font-family:Arial;}

O problema, é o seguinte: O meu texto cabe dentro da DIV, porém o elemento geram uma borda em volta do meu texto, saindo da DIV.

Há uma forma do meu Span ocupar 100% da DIV ? Gostaria que o texto ocupasse todo espaço da DIV sem ultrapassa-la com a borda.

Segue codigo siples para demonstração:

#papel {width: 150mm;height: 30mm;border:1px solid red;}

#papel span{font-size: 19vw;border:1px solid green;font-family:Arial;}
<div id="papel">
    <span>RES</span>
</div>

Agradeço desde já =D

Estou criando banners para impressão e me deparei com um problema.

Preciso definir uma div de height e widht fixos, por exemplo:

#papel {width: 297mm;height: 210mm;border:1px solid red}

Dentro desta div, tenho um SPAN

#papel span{font-size: 9vw;border:1px solid red;font-family:Arial;}

O problema, é o seguinte: O meu texto cabe dentro da DIV, porém o elemento geram uma borda em volta do meu texto, saindo da DIV.

Há uma forma do meu Span ocupar 100% da DIV ? Gostaria que o texto ocupasse todo espaço da DIV sem ultrapassa-la com a borda.

Segue codigo siples para demonstração:

#papel {width: 150mm;height: 30mm;border:1px solid red;}

#papel span{font-size: 19vw;border:1px solid green;font-family:Arial;}
<div id="papel">
    <span>RES</span>
</div>

Agradeço desde já =D

Estou criando banners para impressão e me deparei com um problema.

Preciso definir uma div de height e widht fixos, por exemplo:

#papel {width: 297mm;height: 210mm;border:1px solid red}

Dentro desta div, tenho um SPAN

#papel span{font-size: 9vw;border:1px solid red;font-family:Arial;}

O problema, é o seguinte: O meu texto cabe dentro da DIV, porém o elemento geram uma borda em volta do meu texto, saindo da DIV.

Há uma forma do meu Span ocupar 100% da DIV ? Gostaria que o texto ocupasse todo espaço da DIV sem ultrapassa-la com a borda.

Segue codigo siples para demonstração:

#papel {width: 150mm;height: 30mm;border:1px solid red;}

#papel span{font-size: 19vw;border:1px solid green;font-family:Arial;}
<div id="papel">
    <span>RES</span>
</div>

Agradeço desde já =D

Fonte Link

Font-size: Deixar uma fonte 100% do tamanho da DIV

Estou criando banners para impressão e me deparei com um problema.

Preciso definir uma div de height e widht fixos, por exemplo:

#papel {width: 297mm;height: 210mm;border:1px solid red}

Dentro desta div, tenho um SPAN

#papel span{font-size: 9vw;border:1px solid red;font-family:Arial;}

O problema, é o seguinte: O meu texto cabe dentro da DIV, porém o elemento geram uma borda em volta do meu texto, saindo da DIV.

Há uma forma do meu Span ocupar 100% da DIV ? Gostaria que o texto ocupasse todo espaço da DIV sem ultrapassa-la com a borda.

Segue codigo siples para demonstração:

#papel {width: 150mm;height: 30mm;border:1px solid red;}

#papel span{font-size: 19vw;border:1px solid green;font-family:Arial;}
<div id="papel">
    <span>RES</span>
</div>

Agradeço desde já =D