Вопросы Теги

HTML: центрирование по вертикали двух строк текста

$WidgetText = substr($string, 0, strrpos(substr($string, 0, 200), ' '));

И у вас есть это - надежный метод обрезания любой строки до ближайшего целого слова, оставаясь при максимальной длине строки.

Я пробовал другие примеры выше, и они не дали желаемых результатов.

0
задан matrixReboot2016 2 March 2019 в 02:51
поделиться

2 ответа

Поместите оба элемента span внутри div, так как div является элементом уровня блока и добавьте style style = "text-align: center;". 

<div id="root"></div>
<tr><td><table><tr><td><table><tr><td>

<a href="#link">
<img src="linkToAnImage" style="width:223px; height:83px; border:1px #000000 solid;" align="left"/>
<div style="text-align: center;"><span >Line 1 Content</span><br>
<span>Line 2 Content</span></div>

</a>


</tr></table></td></tr></table></td></tr>

0
ответ дан ganesh phirke 2 March 2019 в 02:51
поделиться

с тех пор большинство браузеров поддерживают display:flex: 

.valign-content-mid {
  display: flex;
  align-items: center;
}

и используют ваш тег в качестве оболочки 

<a href="#link" class="valign-content-mid">
  <img src="linkToAnImage" style="width:223px; height:83px; border:1px #000000 solid"/>
  <span>
  Line 1 Content<br/>
  Line 2 Content
  </span>
</a>
0
ответ дан Leon 2 March 2019 в 02:51
поделиться