[css/jquery]문자열 길이에 상관없이 div 중간에 위치시키기

▶문자열 길이에 상관없이 div 중간에 위치시키기

 

 

♡

click!

-----------------------------css---------------------------

 

text(inline)를 감싸고 있는 div에 css추가

width: 80%; //text의 폭을 조절한다.

top: 50%; 

left: 50%; 

transform: translate( -50%, -50% )추가

 

---------------------------script---------------------------

//클릭할때마다 랜덤 메세지를 출력한다.

var randomArray = [ 'text1', 'text2', 'text3', 'text4', 'text5', 'text6', ];

function testchangeMsg() {
  $('.contents').html(randomArray[getRandom()]);
}
  
function getRandom() {
  return Math.floor(Math.random()*randomArray.size());
}