是否有 class 或元素居中列表项包含图标?
Is there a class or elements to center list item contains icon?
我正在尝试使包含图标的列表项居中。
我可以通过添加父 div 容器而不是图标来使文本居中!
<div class="ui center aligned container">
<div class="ui list">
<div class="item">
<i class="large call icon"></i>
<div class="content">
<a class="header">About me</a>
</div>
</div>
<div class="item">
<i class="large mail icon"></i>
<div class="content">
<a class="header">Portfolio</a>
</div>
</div>
<div class="item">
<i class="large chat icon"></i>
<div class="content">
<a class="header">Services</a>
</div>
</div>
<div class="item">
<i class="large chat icon"></i>
<div class="content">
<a class="header">Resume</a>
</div>
</div>
<div class="item">
<i class="large chat icon"></i>
<div class="content">
<a class="header">Blog</a>
</div>
</div>
<div class="item">
<i class="large chat icon"></i>
<div class="content">
<a class="header">Content</a>
</div>
</div>
</div>
</div>
有没有办法仅使用语义-ui 来实现?
我可以通过添加两个 parents
来实现对齐
<div class="ui center aligned grid">
<div class="fourteen wide column">
...
</div>
</div>
我正在尝试使包含图标的列表项居中。
我可以通过添加父 div 容器而不是图标来使文本居中!
<div class="ui center aligned container">
<div class="ui list">
<div class="item">
<i class="large call icon"></i>
<div class="content">
<a class="header">About me</a>
</div>
</div>
<div class="item">
<i class="large mail icon"></i>
<div class="content">
<a class="header">Portfolio</a>
</div>
</div>
<div class="item">
<i class="large chat icon"></i>
<div class="content">
<a class="header">Services</a>
</div>
</div>
<div class="item">
<i class="large chat icon"></i>
<div class="content">
<a class="header">Resume</a>
</div>
</div>
<div class="item">
<i class="large chat icon"></i>
<div class="content">
<a class="header">Blog</a>
</div>
</div>
<div class="item">
<i class="large chat icon"></i>
<div class="content">
<a class="header">Content</a>
</div>
</div>
</div>
</div>
有没有办法仅使用语义-ui 来实现?
我可以通过添加两个 parents
来实现对齐<div class="ui center aligned grid">
<div class="fourteen wide column">
...
</div>
</div>