微件:DialogStyle

<style>

 .avg-scene {
   position: relative;
   width: 500px;
   max-width: 100%;
   margin: 10px 0;
   font-size: 0;
   overflow: hidden;
 }
 .avg-char, .avg-char1, .avg-char2, .avg-image  {
   position: absolute;
   top: 0;
 }
 .avg-char, .avg-char1, .avg-char2 {
   position: absolute;
   width: 50%;
 }
 .avg-char {
   left: 25%;
 }
 .avg-char1 {
   left: 0;
 }
 .avg-char2 {
   right: 0;
 }
 .avg-name {
   display: inline-block;
   width: 120px;
   text-align: right;
   padding-right: 12px;
   color: #777;
 }
 .avg-text {
   display: inline;
 }
 @media screen and (max-width: 400px) {
   .avg-name {
     display: block;
     width: auto;
     text-align: left;
     padding: 0;
   }
   .avg-text {
     display: block;
     padding-left: 12px;
   }
 }
 .avg-option, .avg-reference {
   display: inline-block;
   background: #ddd;
   border-radius: 20px;
   padding: 0 10px;
   margin: 3px 5px;
 }
 .avg-decision, .avg-predicate {
   margin: 5px 0;
 }

</style>