Al romper la palabra con word-wrap: break-word;
me gustaría que el border top se mantuviera, hay alguna manera de hacerlo?
Muchas gracias.
td{
border-top: 1px solid black;
}
.width1{
width:60%;
display:inline-block;
word-wrap:break-word;
}
.width2{
width:30%;
}
.width3{
width:10%;
}
@media (max-width: 700px){
.width1{
width:20%;
word-wrap:break-word;
}
.width2{
width:60%;
}
.width3{
width:20%;
}
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<table>
<tr class="fila1">
<td class="width1">holaaaaaaaaaaaaaaaaaaaaa</td>
<td class="width2">2</td>
<td class="width3">3</td>
</tr>
<tr class="fila2">
<td class="width1">1</td>
<td class="width2">2</td>
<td class="width3">3</td>
</tr>
<tr class="fila3">
<td class="width1">1</td>
<td class="width2">2</td>
<td class="width3">3</td>
</tr>
</table>
margin-top
nioverflow-wrap: break-word;
en el código que has facilitado.word-wrap
no está causando el fallo, sino eldisplay:inline-block;
. Pruéba a quitarlo y mira como el borde es continuo.