0

Estou tentando retirar a Quebra de Linha dessa table, porém não sei como efetuar, queria deixa que o nome completo fosse escrito e sem a quebra de linha.

inserir a descrição da imagem aqui

Código:

    #customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
#customers2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers2 td, #customers2 th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #3e4e84;
    color: white;
}

#customers2 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: black;
    color: white;
}

Index:

<table id="customers">
    <thead>
        <tr>
            <th>Nome</th>
            <th>RG</th>
            <th>Data Entrada</th>
            <th>Data Saida</th>
            <th>Departamento</th>
            <th>Responsável</th>
            <th>Atualizar Saída</th>

        </tr>
    </thead>
    <tbody>



        @foreach (var v in Model)
        {
            <tr>

                <td>@v.Nome</td>
                <td>@v.Rg</td>
                <td>@v.DtIntegracao</td>
                <td>@v.Validade</td>
                <td>@v.Departamento</td>
                <td>@v.Responsavel.Nome</td>

                <td>@Html.ActionLink("Atualizar", "FormUpdate", new { id = v.Id }, new { @class = "icon-edit" })</td>


            </tr>

        }

    </tbody>
</table>
11
  • 1
    Guilherme, não tem um caractere de quebra de linha ai? O texto não deveria quebrar assim, pois tem tamanho na td. Veja também o atributo padding da td Commented 2/08/2018 às 19:21
  • Vá no inspecionar elemento e veja o que está acontecendo dentro da linha com o texto. Veja se tem padding a mais nela, se a margem do texto está errada... O que você pode ver no inspecionar? Commented 2/08/2018 às 19:22
  • em último caso coloca na td esse css white-space: nowrap;
    – hugocsl
    Commented 2/08/2018 às 19:29
  • eu não entendo muito de css, isso que estou estranhando está quebrando a texto sozinho. Commented 2/08/2018 às 19:52
  • @RicardoPontual tentei efetuar alteração no padding continua a corta o texto ainda. Commented 3/08/2018 às 18:58

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .