왕초보 개발일지/기타
[css/jquery]문자열 길이에 상관없이 div 중간에 위치시키기
n년차초보개발자
2019. 6. 3. 13:28
728x90
반응형
▶문자열 길이에 상관없이 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());
}
728x90
반응형